IconButton

Imports

import {IconButton} from 'material-expressive-react';
import {IconButton} 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
size	enum		No	Size (Figma).
softDisabled	boolean		No	Disabled but still focusable.
target	enum		No
toggle	boolean		No
type	enum		No	Shape type (Figma).
value	string		No
variant	enum	filled	No	Visual variant (Figma).
width	enum		No	Width (Figma).

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.