Home

madison / open-git

public
Overview Code History Branches Pull requestsIssuesInsights Campfire Docs
main
HomeOverview Code PRsIssues

feat(playground): add packages/ui docs and live-preview app

4 months ago

9be9d76
Authored
V.C. Billingsley5/31/2026, 8:40:14 PM
Adds apps/playground (Next.js 16, port 3004) - a Cabinet-style docs
surface for @workspace/ui. Sidebar nav grouped by category, per-component
pages with live preview frames, copy-to-clipboard source blocks, and
light/dark theme toggle. Examples for 26 components plus a 'Soon'
placeholder for Sidebar.

Parent5323bac

47 files changed
  • apps/playground/app/components/[slug]/page.tsx+107−0
  • apps/playground/app/components/page.tsx+54−0
  • apps/playground/app/layout.tsx+45−0
  • apps/playground/app/page.tsx+47−0
  • apps/playground/components/playground-shell.tsx+21−0
  • apps/playground/components/playground-sidebar.tsx+108−0
  • apps/playground/components/preview-frame.tsx+76−0
  • apps/playground/components/providers.tsx+12−0
  • apps/playground/components/theme-toggle.tsx+25−0
  • apps/playground/eslint.config.js+4−0
  • apps/playground/lib/component-examples/accordion.tsx+50−0
  • apps/playground/lib/component-examples/alert.tsx+66−0
  • apps/playground/lib/component-examples/avatar.tsx+32−0
  • apps/playground/lib/component-examples/badge.tsx+71−0
  • apps/playground/lib/component-examples/breadcrumb.tsx+49−0
  • apps/playground/lib/component-examples/button.tsx+109−0
  • apps/playground/lib/component-examples/card.tsx+83−0
  • apps/playground/lib/component-examples/checkbox.tsx+53−0
  • apps/playground/lib/component-examples/dialog-client.tsx+37−0
  • apps/playground/lib/component-examples/dialog.tsx+31−0
  • apps/playground/lib/component-examples/input-group.tsx+44−0
  • apps/playground/lib/component-examples/input.tsx+48−0
  • apps/playground/lib/component-examples/label.tsx+25−0
  • apps/playground/lib/component-examples/menu.tsx+76−0
  • apps/playground/lib/component-examples/popover.tsx+42−0
  • apps/playground/lib/component-examples/radio-group.tsx+40−0
  • apps/playground/lib/component-examples/select.tsx+49−0
  • apps/playground/lib/component-examples/separator.tsx+38−0
  • apps/playground/lib/component-examples/skeleton.tsx+31−0
  • apps/playground/lib/component-examples/spinner.tsx+26−0
  • apps/playground/lib/component-examples/switch.tsx+43−0
  • apps/playground/lib/component-examples/tabs.tsx+74−0
  • apps/playground/lib/component-examples/textarea.tsx+39−0
  • apps/playground/lib/component-examples/toast-client.tsx+46−0
  • apps/playground/lib/component-examples/toast.tsx+23−0
  • apps/playground/lib/component-examples/toggle-group.tsx+43−0
  • apps/playground/lib/component-examples/toggle.tsx+34−0
  • apps/playground/lib/component-examples/toolbar.tsx+51−0
  • apps/playground/lib/component-examples/tooltip.tsx+32−0
  • apps/playground/lib/manifest.ts+135−0
  • apps/playground/lib/types.ts+31−0
  • apps/playground/next-env.d.ts+6−0
  • apps/playground/next.config.mjs+13−0
  • apps/playground/package.json+32−0
  • apps/playground/postcss.config.mjs+1−0
  • apps/playground/tsconfig.json+13−0
  • pnpm-lock.yaml+46−0