UI Kits
Buttons

Icon Button

Compact icon-only action button with accessible label.

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
<button class="ap-icon-btn" aria-label="Settings">⚙</button>
Related components

More in Buttons