API and Development
Action, Actions from @prepared911/ui/actions.
| Prop | Type | Default | Notes |
|---|---|---|---|
label | LocalizedMessage | required | Accessible name of the role="group" |
children | ReactNode | Actions. With none, nothing renders | |
id | string | Id of the group | |
ref | Ref<HTMLDivElement> | The group element | |
data-* | string | Reserved design-system state names are dropped with a warning |
| Prop | Type | Default | Notes |
|---|---|---|---|
icon | Glyph | required | From @prepared911/ui/icons/<name> |
label | LocalizedMessage | required | Accessible name and tooltip text |
onClick | MouseEventHandler<HTMLButtonElement> | ||
disabled | boolean | false | Native disabled |
size | ButtonSize | Small | |
ref | Ref<HTMLButtonElement> | The button | |
data-* | string |
Actions, Action, and the types ActionsProps and ActionProps.
| Name | Type | Default | Description |
|---|---|---|---|
label | LocalizedMessage | — | Accessible name of the group, such as "Message actions". Required because {@link ButtonGroup } names its
role="group" and an unnamed group is a landmark-free cluster a screen reader cannot tell apart. |
children | ReactNode | — | {@link Action } children. With none, nothing renders. |
id | string | — | Id of the group element. |
ref | Ref<HTMLDivElement> | — | Ref to the group element. |