Navigation
Tabs
client43 kB
@stellaria/nebula-webTabsPropsPreview
Props
19| Prop | Type | Default |
|---|---|---|
aria-label | string | — |
auto Sizes the box to the active panel and springs to the next one. Ignored when `fill` is set. | boolean | false |
autoWidth Same on the horizontal axis: every panel takes its own width and the box springs to it. | boolean | false |
className | string | — |
color | ColorExtended | "primary" |
data required | readonly TabItem[] | — |
defaultValue | string | — |
disabled | boolean | false |
draggable | boolean | true |
fill Stretches the panels to the height of the box. Takes precedence over `auto`. | boolean | false |
fullWidth | boolean | false |
loop Wraps the swipe around, so the first panel follows the last one. Needs two panels or more. | boolean | false |
onChange | ((value: string) => void) | — |
overflowMode What the tab bar does when its tabs do not fit: `scroll` slides it, `wrap` breaks it into rows. | SegmentOverflowMode | — |
padded | boolean | — |
size | SegmentSize | "md" |
swipeable | boolean | true |
value | string | — |
variant | SegmentVariant | — |
Also accepts
On top of its own props, this component forwards these groups.
Style props · 127