TabGroup

shadow

TabGroup zobrazuje navigáciu založenú na záložkách, ktorá umožňuje používateľom prepínať sa a zobrazovať rôzne časti obsahu aplikácie bez potreby prechádzať na inú stránku. Skladá sa z jednotlivých záložiek Tab a Panelov, ktoré po kliknutí na záložku zobrazia jej obsah. TabGroup element podporuje viacero variantov vzhľadu pomocou atribútu variant.

Základné použitie

Element Card bol použitý len za účelom tejto ukážky.

Varianty umiestnenia tabov

Pridaním vlastnosti variant je možné zmeniť umiestnenie tabov. Podporované sú hodnoty start, end a bottom.

Start

End

Bottom

Atribúty a Vlastnosti

Option

Description	Defines a variant of the TabGroup layout. Possible values include start, end and bottom.
Attribute	Option
Type	string
Default	undefined

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSS Custom Vlastnosti

Name	Description
--wj-font-size	Specifies the font size.
--wj-tab-color-active	Specifies the background color of the active tab element.
--wj-tab-color-hover	Determines the background color of the tab element when the mouse is pointed to it.
--wj-tab-font-weight	Sets the font weight.
--wj-tab-letter-spacing	Sets the distance between letters.
--wj-tab-padding-bottom	Specifies the bottom tab offset.
--wj-tab-padding-inline	Specifies the horizontal offset of the tab.
--wj-tab-padding-top	Specifies the top tab offset.
--wj-tab-text-transfrom	Sets the transformation of the text in the tab.

Sloty

Name	Description
No	The content is placed in the nav element.