UI Kits
Forms

Checkbox Group

Grouped checkbox options.

Usage guidance

When to use it.

Use visible labels, helpful validation, and enough spacing for touch and keyboard users.

Accessibility

Implementation notes.

  • Associate every input with a visible label.
  • Expose validation errors in text.
  • Maintain logical keyboard order and sufficient touch target size.
Release QA

Implementation checklist.

0/4
Handoff notes

Implementation notes for this component.

Quick section export
<fieldset class="ap-checks"><legend>Notifications</legend><label><input type="checkbox" checked> Email</label><label><input type="checkbox"> SMS</label><label><input type="checkbox"> Push</label></fieldset>
Related components

More in Forms