When to use it.
Use for structured comparisons and records. Keep headers concise and support narrow screens.
Implementation notes.
- Use table headers for column and row relationships.
- Provide accessible labels for row actions.
- Offer a responsive alternative if the table becomes unusable on small screens.
Release QA
0/3Implementation checklist.
Handoff notes
Implementation notes for this component.
Quick section export
<table class="ap-table"><thead><tr><th>Feature</th><th>Starter</th><th>Growth</th><th>Pro</th></tr></thead><tbody><tr><td>Users</td><td>3</td><td>10</td><td>Unlimited</td></tr><tr><td>Reports</td><td>Basic</td><td>Advanced</td><td>Advanced</td></tr><tr><td>API</td><td>—</td><td>✓</td><td>✓</td></tr></tbody></table>Related components