Buttons & actions

The component everyone thinks is easy. Icon buttons, action links, and domain-specific triggers show where each system draws its API lines.

Also appears as:ButtonIcon buttonAction Link

5 systems with a documented take

eBay Evo
eBay
BidButton / Watch
Two-mode call-to-action that switches between immediate purchase and bid commitments.
Read the eBay Evo breakdown
Gestalt
Pinterest
Pog (icon button)
Compact icon-only action with documented focus, hover, and active states.
Read the Gestalt breakdown
Open docs
New Zealand Government Design System
Department of Internal Affairs, New Zealand Government
Button
Styled via CSS custom properties with SCSS fallbacks, so themes override colors without recompiling Sass.
Read the New Zealand Government Design System breakdown
NHS Design System
National Health Service
Action Link
High-priority call-to-action link with green styling and arrow affordance, used for the primary action on a service page.
Read the NHS Design System breakdown
Open docs
shadcn/ui
shadcn
Button
The most-imitated button API in modern React; clean variant model.
Read the shadcn/ui breakdown
Open docs