OutlinedSegmentedButtonSet
Imports
import {OutlinedSegmentedButtonSet} from 'material-expressive-react';
import {OutlinedSegmentedButtonSet} from 'material-expressive-react/button-group';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| 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 | |
| value | string | string[] | 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.