Skip to content

Latest commit

 

History

History

tab-group

-----------------------------------------------------

➤ wl-tab-group

Organize navigation between groups of content.

-----------------------------------------------------

➤ Properties

Property Attribute Type Default Description
align align TabGroupAlignment "start" Alignment of the tabs.
filled filled boolean false Adds a filled color style to the tab.
role role AriaRole "tablist" Role of the tab.
vertical vertical boolean false Makes the tabs vertical.

-----------------------------------------------------

➤ Slots

Name Description
Default content. Add wl-tab elements here.

-----------------------------------------------------

➤ CSS Custom Properties

Property Description
--tab-group-bg Default background
--tab-group-color Default color
--tab-group-filled-bg Background when filled
--tab-group-filled-color Color when filled
--tab-group-indicator-bg Background of the indicator
--tab-group-indicator-scale Scale of the indicator
--tab-group-indicator-size Size of the indicator
--tab-group-indicator-transition Transition of the indicator

-----------------------------------------------------

➤ Usage

Go here to try the demo.

-----------------------------------------------------

➤ Contributors

Andreas Mehlsen You?
Andreas Mehlsen You?

-----------------------------------------------------

➤ License

Licensed under MIT.