Data displayVisual draft 0.1
Table
Presents structured values that benefit from row and column comparison.
CoreFoundational primitiveHTML first
01 / Preview
The current Angle direction.
| Member | Event | Value | Status |
|---|---|---|---|
| Avery Morgan | Credit issued | $24.00 | Complete |
| Jamie Chen | Tier changed | Epic | Complete |
| Robin Hale | Return | −$18.40 | Review |
02 / Decision
What this component must preserve.
Angle component decision
Use meaningful headers, aligned numeric data, responsive overflow, and a non-table alternative when comparison is unnecessary.
03 / Anatomy
Parts with a specific job.
Caption
01Header
02Rows
03Cells
04Footer
0504 / States
The happy path is only one state.
01Default
02Hover
03Active
04Focus
05Disabled
06Loading
07Success
08Error
05 / Guidance
Use the contract, not the screenshot.
Do
Use meaningful headers, aligned numeric data, responsive overflow, and a non-table alternative when comparison is unnecessary.
Avoid
Do not create a one-off version that bypasses shared states, tokens, focus behavior, or the component decision documented here.