SplitButton

Imports

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

Props

Prop	Type	Default	Required	Description
arrowAriaLabel	string	Open options	No
disabled	boolean		No
menuAriaLabel	string	Split button options	No
onPrimaryClick	((event: MouseEvent<Element, MouseEvent>) => void)		No
onSelect	((value: string) => void)		No
options	SplitButtonOption[]		Yes
primaryIcon	ReactNode		No
primaryLabel	ReactNode		Yes
size	enum	medium	No
variant	enum	filled	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.