Controls / The visual dictionary

Split button.

Pairs a default action with a menu of related alternatives.

Also calleddropdown split buttonsplit action
01

See it in context

UI illustration

The main segment executes the common command immediately. A separate arrow segment opens choices such as alternative export formats, making the default action faster to reach.

When to use it

Make the main action and the menu opener separate, clearly labeled targets.

Know the difference

A menu button only opens choices; the main part of a split button acts immediately.

WebiOSiPadOSAndroidmacOSWindowsLinux

Web

Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.

iOS · iPadOS · Android

Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.

macOS · Windows · Linux

Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.

Primary documentation for the pattern and its platform conventions.