UI Kits
Forms

Select Field

Styled select control with label.

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
<label class="ap-field"><span>Status</span><select><option>Active</option><option>Pending</option><option>Archived</option></select></label>
Related components

More in Forms