ComponentsTabs
Tabs
The Tabs component is a powerful and flexible navigation tool for your applications. It offers various interaction modes, accessibility features, and the ability to display different contents based on the selected tab.
The Tabs component is a powerful and flexible navigation tool for your applications. It offers various interaction modes, accessibility features, and the ability to display different contents based on the selected tab.
| Prop | Type | Default |
|---|---|---|
activationMode | 'manual' | 'automatic' | "automatic" |
asChild | boolean | |
defaultValue | string | |
dir | 'ltr' | 'rtl' | "ltr" |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
root: string
trigger: string
tablist: string
content: string
indicator: string
}> | |
loop | boolean | true |
onFocusChange | (details: FocusChangeDetails) => void | |
onValueChange | (details: ValueChangeDetails) => void | |
orientation | 'horizontal' | 'vertical' | "horizontal" |
translations | IntlTranslations | |
value | string |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
value | string | |
asChild | boolean | |
lazyMount | boolean | false |
onExitComplete | () => void | |
present | boolean | |
unmountOnExit | boolean | false |
| Prop | Type | Default |
|---|---|---|
value | string | |
asChild | boolean | |
disabled | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |