UI showcase
Every shared component, split across dedicated pages by category.
Badges
Six variants plus the semantic status colours used across tables (success/warning/destructive).
DefaultSecondaryOutlineDestructiveGhostLinkActivePendingSuspended
Avatars
Sizes, image with fallback initials, status badge, and a group with an overflow count.
ACTIPR
PN
CDWZGM
+5
Tooltip
Hover or focus the trigger to reveal it — used on icon-only sidebar items when collapsed.
Formatted table cells
Every numeric/date cell in the app goes through `lib/format.ts` — tabular numerals, consistent locale, real truncation.
| Field | Rendered |
|---|---|
| Currency | $2,480.00 |
| Compact number | 84.2K |
| Date | Sep 6, 2026 |
| Truncated text | Unstructured linen-cotton blend… |
Empty state
Two variants: nothing has been created yet, versus no results for the current filters.
Nothing here yet
Records will appear in this list once they exist.
No matching results
No rows match the current search and filters. Try clearing them.