The thing people press. Four variants and three sizes, an icon-only form, and a loading state that keeps focus.
Tier 1 · CSS only
Button (native)
preview
Components
Actions
What people press. One primary action per view; everything else steps down.
Related actions joined into one control, such as text alignment or zoom, with optional toggle buttons.
Tier 1 · CSS only
Group (role="group")
preview
Choose one option from a small set, like a date range or a view. Arrow keys move between options, and it submits with a form.
Selected: Two
Tier 2 · behaviour
APG radio group
beta
Planned for this page
- Split button
- Toggle button
- Copy button
- Floating action