Actions
Merges adjacent Buttons into a single control, sharing variant/color/size defaults.
7 props across 3 groups
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Buttons rendered inside the group. |
children
ReactNode
Default: —
Buttons rendered inside the group.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "solid" | "soft" | "bordered" | "ghost" | "link" | solid | Default variant for child Buttons that don't set their own. |
color | "default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger" | default | Default color for child Buttons that don't set their own. |
colorDepth | 50 | 100 | ... | 950 | — | Optional default depth, only applied when provided. |
size | "xs" | "xs-sm" | "sm" | "md" | "lg" | "xl" | md | Default size for child Buttons that don't set their own. |
radius | "none" | "xs" | "xs-sm" | "sm" | "md" | "lg" | "full" | md | Default radius for child Buttons that don't set their own. |
variant
"solid" | "soft" | "bordered" | "ghost" | "link"
Default: solid
Default variant for child Buttons that don't set their own.
color
"default" | "primary" | "secondary" | "info" | "success" | "warning" | "danger"
Default: default
Default color for child Buttons that don't set their own.
colorDepth
50 | 100 | ... | 950
Default: —
Optional default depth, only applied when provided.
size
"xs" | "xs-sm" | "sm" | "md" | "lg" | "xl"
Default: md
Default size for child Buttons that don't set their own.
radius
"none" | "xs" | "xs-sm" | "sm" | "md" | "lg" | "full"
Default: md
Default radius for child Buttons that don't set their own.
| Prop | Type | Default | Description |
|---|---|---|---|
fullWidth | boolean | false | Default fullWidth for child Buttons that don't set their own. |
fullWidth
boolean
Default: false
Default fullWidth for child Buttons that don't set their own.
| Prop | Type | Default | Description |
|---|---|---|---|
isDisabled | boolean | false | Disables all child Buttons that don't set isDisabled explicitly. |
role | string | group | ARIA role for the group container. |
isDisabled
boolean
Default: false
Disables all child Buttons that don't set isDisabled explicitly.
role
string
Default: group
ARIA role for the group container.
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Class applied to the root element. |
style | CSSProperties | — | Inline styles for the root element. |
className
string
Default: —
Class applied to the root element.
style
CSSProperties
Default: —
Inline styles for the root element.
