SplitButton
Actions

SplitButton.

A primary action paired with accessible secondary dropdown actions.

Real interactive component
Live demo

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
labelstringYes——Primary action label.
onClick() => voidNo——Primary action callback.
actionsArray<{label: string; onSelect: () => void; danger?: boolean; disabled?: boolean}>Yes——Secondary menu actions.
disabledbooleanNofalsetrue · falseDisables both main action and menu.
classNamestringNo——Additional CSS class on the outer component element.