ComponentsActions

SplitButton

A button with a main action and a menu of related ones.

Features7APIThemingAccessibility

Basic

The main button runs clicked; the arrow opens the menu (itemSelected). Arrow Down on the arrow opens it from the keyboard.

Severities

severity follows the button colours.

Variants

outlined, text, raised and rounded work as on a button.

Sizes

size sets both parts.

Nested

Nested items open as sub-menus; menuAriaLabel names the arrow button and the menu.

Disabled

disabled turns off both parts, menuDisabled only the arrow; loading shows a spinner in the main button.

Design tokens

dt changes the divider between the filled parts; the buttons and the menu keep their own tokens.