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?

➤ License

Licensed under MIT.