UI Kits
Buttons

Primary Button

Primary call-to-action button with hover and focus states.

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-btn ap-btn-primary">Continue</button>
Related components

More in Buttons