Buttons accrete props until they handle icons, emojis, avatars, badges, sort order, behavioral states (active / checked / warn / alert), and shape variants — and most apps end up with five different button components that almost agree on the API. Button (formerly Action) bundles every reasonable button affordance behind one consistent prop surface.

A single typed button with standalone color, behavioral active/checked/warn/alert states, icon placement (left / right / top / bottom), Heroicon + emoji + avatar + badge support, and a sort prop that reorders adornments. variant="circle" turns any of it into a perfect circle for icon-only toolbars.

<Button color="violet" icon="check">Save</Button> covers 80% of cases. For a pulsing notification button: <Button alert badge="3" icon="bell">Inbox</Button>. Agents can drive selection state with active + onClick — no DOM scraping required.