ConnectedButtonGroup

Imports

import {ConnectedButtonGroup} from 'material-expressive-react';
import {ConnectedButtonGroup} from 'material-expressive-react/button-group';

Props

Prop	Type	Default	Required	Description
containerStyle	CSSProperties		No	Inline styles for the wrapper element.
defaultValue	string | string[]		No
onChange	((value: string | string[]) => void)		No
onClick	((value: string, selected: boolean) => void)		No
selectedIcon	ReactNode	check	No
selectType	enum	single	No
size	enum	medium	No
style	enum	tonal	No
type	enum	round	No
value	string | string[]		No
variant	enum	standard	No
width	enum	default	No

Events

This component does not explicitly re-emit DOM events via wrapper props.

Slots

Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).

If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).

Examples

See Storybook for live examples and variants.