Tab

shadow

The Tab component is a child of the TabGroup component and serves as a tab-based navigation button. It is used in combination with the TabPanel element.

note

For examples of using the Tab component, go to the documentation TabGroup.

When to use

Use wje-tab when the user needs to navigate the application or transition between states/screens.

When not to use

Do not use multiple parallel navigation patterns that compete with each other.

Accessibility

Provide clear active/selected states, predictable tab order, and naming of controls.

Recommended practices

• Keep the URL and UI state in sync to make the navigation reproducible.
• Use consistent item terminology across menus, breadcrumb and tabs.
• For deep structures, add auxiliary context (breadcrumb, title, icons).

Attributes and properties

panel

Popis	Nastavuje textovú hodnotu uloženú vo voľbe panel.
Atribút	panel
Typ	string
Predvolené	null

route

Popis	Nastavuje textovú hodnotu uloženú vo voľbe route.
Atribút	route
Typ	string
Predvolené	null

Events

Názov	Popis
wje-tab:change	Vyvolá sa pri zmene hodnoty komponentu.

Methods

setRovingTabIndex

Popis	Nastaví roving tab index a aplikuje súvisiace zmeny stavu.
Signatúra	(value: number) => void

CSS shadow parts

Pre tento komponent nie sú dostupné žiadne CSS časti tieňa.

CSS custom variables

Názov	Popis
--wje-tab-text-transform	Vlastná CSS premenná na štýlovanie komponentu (text transform).
--wje-tab-font-weight	Vlastná CSS premenná, ktorá riadi typografiu.
--wje-tab-letter-spacing	Vlastná CSS premenná, ktorá riadi rozostup písmen.
--wje-tab-padding-inline	Vlastná CSS premenná, ktorá riadi padding inline.
--wje-tab-padding-top	Vlastná CSS premenná, ktorá riadi padding top.
--wje-tab-padding-bottom	Vlastná CSS premenná, ktorá riadi padding bottom.
--wje-tab-color-active	Vlastná CSS premenná, ktorá riadi color active.
--wje-tab-color-hover	Vlastná CSS premenná, ktorá riadi color hover.

Slots

Pre tento komponent nie sú dostupné žiadne sloty.