Components to build tabs that users can switch between to reveal different content
Members
(static, constant) Tabs :object
Root component, providing shared state to its children.
Note that currently only orientation='horizontal' and dir='ltr' are
supported states.
Type:
- object
- Source:
(static, constant) TabsContent :object
Place the content for a given tab with the respective value.
Type:
- object
Properties:
| Name | Type | Description |
|---|---|---|
value |
string | the value that links this content to the tab with the exact same value |
- Source:
(static, constant) TabsList :object
Wraps the multiple tabs into a horizontal list
Type:
- object
- Source:
(static, constant) TabsTrigger :object
Trigger for a tab is a styled button.
Type:
- object
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
value |
string | the value that links this trigger to the content with the exact same value |
||
disabled |
boolean |
<optional> |
false | disables the button |
- Source:
Type Definitions
TabsState
Properties:
| Name | Type | Attributes | Default | Description |
|---|---|---|---|---|
orientation |
'horizontal' | 'vertical' |
<optional> |
'horizontal' | |
dir |
'ltr' | 'rtl' |
<optional> |
'ltr' | |
current |
string |
<optional> |
null | |
mode |
'manual' | 'auto' |
<optional> |
'manual' | if 'auto', tabs can be switched via keyboard by simply focusing them, |
uid |
string | a random unique id for this instance to prefix id attriubutes |
- Source: