UI Kits
Tables

Basic Table

Clean data table for standard records.

Usage guidance

When to use it.

Use for structured comparisons and records. Keep headers concise and support narrow screens.

Accessibility

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

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<table class="ap-table"><thead><tr><th>Name</th><th>Status</th><th>Updated</th></tr></thead><tbody><tr><td>Website</td><td>Active</td><td>Today</td></tr><tr><td>Mobile app</td><td>Planning</td><td>Yesterday</td></tr></tbody></table>
Related components

More in Tables