UI
← Home

Split Button

A primary action paired with a menu of related secondary actions. The common action is one click on the main button; the rest live behind the `▾` toggle, which opens a menu (moving focus into it) and returns focus to the toggle on close. The chosen action is announced in a status region.

  • Axe
  • Focus
  • Escape

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/split-button.json

Conformance

Verified against the @publictheta/ui-spec split-button specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Escape — Escape dismisses the open overlay

See the full conformance matrix across all components.