Compare components
Side by side picks for similar stubs: table versus data table, dialog versus sheet, and metric tiles.
| Feature | Table | Data Table |
|---|---|---|
| Sorting | Static rows | Sortable columns |
| Search | No sorting | Search filter |
| Pagination | Light markup | Pagination |
| Best for | Invoices | Ops dashboards |
Use Table for printed receipts. Use Data Table when operators sort and filter live rows.
| Feature | Dialog | Sheet |
|---|---|---|
| Placement | Centered modal | Side drawer |
| Focus | Focus trap | Focus trap |
| Length | Short forms | Long forms |
| Best for | Confirmations | Cart detail |
Use Dialog for quick confirms. Use Sheet for multi field editing without losing context.
| Feature | Stat Tile | KPI Strip |
|---|---|---|
| Scope | Single metric | Four tiles |
| Placement | Hero number | Grid row |
| Density | Compact | Full summary |
| Best for | Headers | Dashboards |
Use Stat Tile for one hero number. Use KPI Strip for the full nightly summary.