zazzy
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.

On this page