ComponentsSegment group
Segment Group
The SegmentGroup component offers an effective way to organize and navigate between multiple sections within a single view. It provides a clear and compact option to improve usability and accessibility.
The SegmentGroup component offers an effective way to organize and navigate between multiple sections within a single view. It provides a clear and compact option to improve usability and accessibility.
| Prop | Type | Default |
|---|---|---|
asChild | boolean | |
defaultValue | string | |
dir | 'ltr' | 'rtl' | |
disabled | boolean | |
form | string | |
getRootNode | () => ShadowRoot | Node | Document | |
id | string | |
ids | Partial<{
root: string
label: string
indicator: string
item(value: string): string
itemLabel(value: string): string
itemControl(value: string): string
itemHiddenInput(value: string): string
}> | |
name | string | |
onValueChange | (details: ValueChangeDetails) => void | |
orientation | 'horizontal' | 'vertical' | |
value | string |
| Prop | Type | Default |
|---|---|---|
value | string | |
asChild | boolean | |
disabled | boolean | |
invalid | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |
| Prop | Type | Default |
|---|---|---|
asChild | boolean |