Tabs
Tabbed content. Supports horizontal / vertical orientation, line / card / button variants, and addable / closable tabs.
Basic usage
Card variant
Vertical
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
options* | Array | — | — |
value | TabValue | null | — |
hue | EpHue | "information" | — |
size | EpSize | undefined | — |
iconPosition | TabIconPosition | "before" | — |
disabled | boolean | false | — |
vertical | boolean | false | — |
variant | union | "underline" | — |
addable | boolean | false | — |
closable | boolean | false | — |
lazy | boolean | true | — |
ariaLabel | string | "Tabs" | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["TabValue"]} | — |
change | {"names":["TabValue"]} | — |
add | — | — |
close | {"names":["TabOption"]} | — |
Slots
| Slot | Scope | Description |
|---|---|---|
extra | — | — |
`tab-${String(option.value)}` | name, option | — |
default | option | — |