Split button

Run the preferred action immediately or choose a closely related alternative. The two Button halves share one outside shape; the attached Menu owns the alternatives.

Split button · Interactive

Choose an alternative to make it the new main action; the main half then repeats it. The menu flips and edge-aligns only when viewport collision requires it.

Variants and sizes

ExampleVariantSizeUsage
PrimarySmallThe view’s single dominant action
SecondaryMediumSupporting action on a busy surface
SecondaryLargeRoomier high-attention placement

Usage notes

VerdictRule
DoUse one clear default and only close variations of that action.
DoUpdate the main action’s name, icon, and behavior together after a choice.
Don’tMix unrelated commands or use a destructive action as the default.
Don’tRound the inside corners or add local spacing between the halves.