Skip to content

ButtonGroup

ButtonGroup(__namedParameters): ReactElement

Defined in: react/components/controls/button-group.tsx:29

A roving-focus toolbar around Button children: arrow keys (///, plus Home/End) move focus between the buttons, and the whole group is a single Tab stop — so a row of actions reads as one control. Each button keeps its own onClick, focus glow, and formAction, so dropping a group of formAction buttons into a <Form> gives an arrow-navigable actions row that still submits/resets the form on Enter.

<ButtonGroup>
<Button>Cancel</Button>
<Button formAction="submit" style={{ color: "$success" }}>Save</Button>
</ButtonGroup>

ButtonGroupProps

ReactElement