Inputs & Forms
Segment
client42.5 kB
@stellaria/nebula-webSegmentPropsPreview
Props
13| Prop | Type | Default |
|---|---|---|
children required | ReactNode | — |
className | string | — |
color | ColorExtended | "primary" |
defaultValue | string | "" |
disabled | boolean | false |
draggable | boolean | true |
fullWidth | boolean | false |
onChange | ((value: string) => void) | — |
overflowMode What the control does when its tabs do not fit. `scroll` slides the bar and keeps one row, `wrap` breaks it into rows and moves the indicator on both axes. Both turn the drag gesture off. Not named `overflow`: that one is a style prop and lands on the same element. | SegmentOverflowMode | "visible" |
padded | boolean | false |
size | SegmentSize | "md" |
value | string | — |
variant | SegmentVariant | — |
Parts
1Segment.ItemAlso accepts
On top of its own props, this component forwards these groups.
Style props · 127