FilledIconButton
Imports
import {FilledIconButton} from 'material-expressive-react';
import {FilledIconButton} from 'material-expressive-react/icon-button';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| ariaLabelSelected | string | No | ||
| buttonType | enum | No | ||
| disabled | boolean | No | ||
| flipIconInRtl | boolean | No | ||
| href | string | No | ||
| name | string | No | ||
| onChange | ((event: Event) => void) | No | ||
| onInput | ((event: InputEvent) => void) | No | ||
| selected | boolean | No | ||
| softDisabled | boolean | No | Disabled but still focusable. | |
| target | enum | No | ||
| toggle | boolean | No | ||
| value | string | No |
Events
onChange→ DOM eventchange
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.