TabGroup
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
variant
| Description | Umiestnenie záložiek: top, bottom, start alebo end. |
| Attribute | variant |
| Type | "top" ｜ "bottom" ｜ "start" ｜ "end" |
| Default | 'top' |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
| Name | Description |
|---|---|
native | Odkazuje na hlavný obaľovací div element. |
panels | Odkazuje na kontajner obsahujúci všetky tab-panely v skupine. |
tabs | Odkazuje na kontajner obsahujúci všetky taby v skupine. |
CSS Custom Vlastnosti
| Name | Description |
|---|---|
--wje-tab-top | Vzdialenosť tabov od horného okraja. |
--wje-tab-start | Vzdialenosť tabov od ľavého okraja. |
--wje-tab-end | Vzdialenosť tabov od pravého okraja. |
--wje-tab-bottom | Vzdialenosť tabov od dolného okraja. |
Sloty
| Name | Description |
|---|---|
| `` | Predvolený slot pre obsah skupiny tabov. |
nav | Slot pre navigačnú lištu záložiek. |