LabeledTabButton

This is a simple button component intended to show a text label, and styled by default to look like a classic tab. It is used by LabeledTabs to render button components for a set of tab panels.

The button supports a tab-position attribute that controls whether the tab should style itself appropriately for appearing at the top, bottom, left or right edge of the panels it controls. Visually, the tab button will have no interior border on the edge it shares with the panels, so that the tab button and panel appear to exist on the same surface. By default, the two corners opposite that edge are rounded in skeumorphic reference to the tabs of real-world tabbed cardstock folders.

The LabeledTabButton class is registered as element <elix-labeled-tab-button>.

API

Ancestry: LabeledTabButton → HTMLElement

This element uses FocusRingMixin and ShadowTemplateMixin.

© 2016-2017 Component Kitchen Inc. and contributors to the Elix project. ELIX and the Elix project logo are registered or unregistered trademarks of Component Kitchen Inc. in the United States and/or other countries. Other trademarks are the property of their respective owners. Any use of such trademarks without written permission sought and obtained from Component Kitchen is prohibited.

The Elix project is administered, as a courtesy, by Component Kitchen for the benefit of the project’s contributors and the developer community as a whole.