mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
1b8b5389b3
- Added demo files for all 70 missing components in both default and new-york themes - Components include: code editors, navigation bars, form elements, animations, utilities - Updated registry with all new demo entries (registry/examples.ts) - Rebuilt registry JSON files for both theme variants - Fixed AI component demo widths to use full preview box width - All component documentation pages now show working examples New demos added: - Code: compare, diff, editor, explorer, preview, snippet, terminal (7) - Navigation: breadcrumb, centered-logo, collaboration, dashboard, e-commerce, etc (15) - Forms: choicebox, color-picker, dropzone, editor, image-crop/zoom, minimal-tiptap (7) - UI: avatar-group, banner, credit-card, dialog-stack, marquee, tags, ticker (11) - Animation: magnetic, motion-highlight, particles, pixel-image, pulse, reveal (6) - Dock: limelight-nav, menu-dock, message-dock, macos-dock (4) - Project: kanban, list (2) - Device: iphone-15-pro, safari (2) - Core: button-group, chart, empty, field, form, input-group, item, kbd, spinner, etc (16)
10 lines
621 B
JSON
10 lines
621 B
JSON
{
|
|
"name": "code-editor-demo",
|
|
"files": [
|
|
{
|
|
"name": "code-editor-demo.tsx",
|
|
"content": "import { CodeEditor } from \"@/registry/default/ui/code-editor\"\n\nexport default function CodeEditorDemo() {\n return (\n <CodeEditor\n defaultValue={`function fibonacci(n) {\n if (n <= 1) return n\n\n return fibonacci(n - 1) + fibonacci(n - 2)\n}\n\n// Calculate the 10th Fibonacci number\nconst result = fibonacci(10)\nconsole.log(\\`The 10th Fibonacci number is: \\${result}\\`)`}\n language=\"javascript\"\n height=\"300px\"\n />\n )\n}\n"
|
|
}
|
|
],
|
|
"type": "components:example"
|
|
} |