When to use it.
Use visible labels, helpful validation, and enough spacing for touch and keyboard users.
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
0/4Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<section class="ap-billing"><header><div><span>Current plan</span><strong>Growth</strong></div><button>Change plan</button></header><div><span>Next billing date</span><strong>Sep 12</strong></div><div><span>Payment method</span><strong>•••• 4242</strong></div></section>Related components