Components
Tables
Forensic data grids. Tabular numerics, uppercase mono headers, hover, selection. Rows are 40px tall by default — comfortable scanning, dense enough for adjusters.
Default
| Claim | Property | Storm date | Status | RCV | ACV |
|---|---|---|---|---|---|
| SC-22481 | 1407 Maple Ave | 2024-04-26 | Approved | $24,810.00 | $19,402.50 |
| SC-22482 | 91 Linden Ct | 2024-04-26 | Pending | $8,402.00 | $6,720.00 |
| SC-22483 | 3300 Oak Hill Rd | 2024-05-12 | Denied | $12,950.00 | — |
| SC-22484 | 5520 Cypress Pkwy | 2024-05-12 | Approved | $31,240.00 | $26,540.00 |
Usage
Do
Use mono + tabular numerics on every numeric column. Right-align them. They line up under the decimal — that's the point.
Don't
Mix proportional and tabular numerics in the same column. Pick one and commit; columns rely on alignment to scan.