UI Kits
Buttons

Split Button

Primary action with adjacent secondary dropdown trigger.

Usage guidance

When to use it.

Use for clear actions. Keep one dominant primary action per decision area.

Accessibility

Implementation notes.

  • Use an accessible name that describes the action.
  • Preserve visible keyboard focus.
  • Do not rely on color alone to communicate state.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<div class="ap-split"><button>Save changes</button><button aria-label="More">▾</button></div>
Related components

More in Buttons