Button group

A button group gives users access to frequently performed, related actions.

Examples Code Usage Changelog

Props

`children`
Description	The buttons to render inside the button group.
Type	`string \| number \| boolean \| React.ReactElement<any, string \| React.JSXElementConstructor<any>> \| Iterable<React.ReactNode> \| React.ReactPortal`

`label`
Description	Refers to an `aria-label` attribute. Sets an accessible name for the button group wrapper to announce it to users of assistive technology. Usage of either this, or the `titleId` attribute is strongly recommended.
Type	`string`

`testId`
Description	A unique string that appears as data attribute `data-testid` in the rendered code, serving as a hook for automated tests.
Type	`string`

`titleId`
Description	ID referenced by the button group wrapper's `aria-labelledby` attribute. This ID should be assigned to the group-button title element. Usage of either this, or the `label` attribute is strongly recommended.
Type	`string`

Was this page helpful?

We use this feedback to improve our documentation.