Components
Components
A live showcase of the vendored UI primitives.
A storybook-like showcase of the vendored components/ui/* primitives — live
previews rendered from the real apps/web sources (imported through the
@web/* alias), with props tables generated from those same TypeScript types.
Because the previews import the actual template code, a change that breaks a
primitive breaks this site's build the same day.
Showcased primitives
- Alert Dialog — modal confirm for destructive actions
- Button — variants, sizes,
asChild - Card — composable content surface
- Chart — themed recharts wrapper
- Collapsible — region that expands and collapses
- Dialog — modal overlay for focused tasks
- Dropdown Menu — contextual action menu
- Input — styled native text field
- Label — accessible form label
- Select — accessible single-value picker
- Separator — visual or semantic divider
- Sheet — panel that slides in from an edge
- Sidebar — collapsible app navigation rail
- Skeleton — loading placeholder
- Sonner (Toaster) — token-wired toasts
- Table — styled semantic table
- Tooltip — floating label on hover or focus
Every vendored components/ui/* primitive has a page here — an
apps/docs honesty test fails the build if one is missing.