Import Action, Actions from @prepared911/ui/actions.
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
Action
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
Exports
Actions, Action, and the types ActionsProps and ActionProps.
Props
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.
Storybook
Interactive examples and edge cases for this component are in Storybook.