Buttons

Split button

Keep the common outcome immediate while exposing nearby alternatives.

Split button at a glance

Split button covers a primary command with related alternatives while preserving native platform semantics where they apply.

  • Focused responsibilityThe component owns one clear interaction contract without absorbing application logic.
  • Typed contractProps, slots, and events are documented from the current public API.
  • System statesEnabled, active, focused, and disabled states stay aligned with the theme.

A quick look

A live component shows the default contract before the detailed specification.

01

Start with defaults

Override only the values that communicate a real product requirement.

02

Preserve intent

Visual configuration must not change semantics or expected interaction.