mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-07-01 08:34:12 +00:00
1635 lines
33 KiB
TypeScript
1635 lines
33 KiB
TypeScript
import { type Registry } from "shadcn/schema"
|
|
|
|
export const examples: Registry["items"] = [
|
|
{
|
|
name: "accordion-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["accordion"],
|
|
files: [
|
|
{
|
|
path: "examples/accordion-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "alert-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["alert"],
|
|
files: [
|
|
{
|
|
path: "examples/alert-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "alert-destructive",
|
|
type: "registry:example",
|
|
registryDependencies: ["alert"],
|
|
files: [
|
|
{
|
|
path: "examples/alert-destructive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "alert-dialog-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["alert-dialog", "button"],
|
|
files: [
|
|
{
|
|
path: "examples/alert-dialog-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "aspect-ratio-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["aspect-ratio"],
|
|
files: [
|
|
{
|
|
path: "examples/aspect-ratio-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "avatar-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["avatar"],
|
|
files: [
|
|
{
|
|
path: "examples/avatar-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "badge-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["badge"],
|
|
files: [
|
|
{
|
|
path: "examples/badge-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "badge-destructive",
|
|
type: "registry:example",
|
|
registryDependencies: ["badge"],
|
|
files: [
|
|
{
|
|
path: "examples/badge-destructive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "badge-outline",
|
|
type: "registry:example",
|
|
registryDependencies: ["badge"],
|
|
files: [
|
|
{
|
|
path: "examples/badge-outline.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "badge-secondary",
|
|
type: "registry:example",
|
|
registryDependencies: ["badge"],
|
|
files: [
|
|
{
|
|
path: "examples/badge-secondary.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-separator",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-separator.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-dropdown",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-dropdown.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-ellipsis",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-ellipsis.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-link",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-link.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "breadcrumb-responsive",
|
|
type: "registry:example",
|
|
registryDependencies: ["breadcrumb"],
|
|
files: [
|
|
{
|
|
path: "examples/breadcrumb-responsive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-secondary",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-secondary.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-destructive",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-destructive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-outline",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-outline.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-ghost",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-ghost.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-link",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-link.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-with-icon",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-with-icon.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-loading",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-loading.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-icon",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-icon.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "button-as-child",
|
|
type: "registry:example",
|
|
registryDependencies: ["button"],
|
|
files: [
|
|
{
|
|
path: "examples/button-as-child.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "calendar-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["calendar"],
|
|
files: [
|
|
{
|
|
path: "examples/calendar-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "calendar-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["calendar", "form", "popover"],
|
|
files: [
|
|
{
|
|
path: "examples/calendar-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "card-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["card", "button", "switch"],
|
|
files: [
|
|
{
|
|
path: "examples/card-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "card-with-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["button", "card", "input", "label", "select"],
|
|
files: [
|
|
{
|
|
path: "examples/card-with-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-size",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-size.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-spacing",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-spacing.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-orientation",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-orientation.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-api",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-api.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "carousel-plugin",
|
|
type: "registry:example",
|
|
registryDependencies: ["carousel"],
|
|
files: [
|
|
{
|
|
path: "examples/carousel-plugin.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "checkbox-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["checkbox"],
|
|
files: [
|
|
{
|
|
path: "examples/checkbox-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "checkbox-disabled",
|
|
type: "registry:example",
|
|
registryDependencies: ["checkbox"],
|
|
files: [
|
|
{
|
|
path: "examples/checkbox-disabled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "checkbox-form-multiple",
|
|
type: "registry:example",
|
|
registryDependencies: ["checkbox", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/checkbox-form-multiple.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "checkbox-form-single",
|
|
type: "registry:example",
|
|
registryDependencies: ["checkbox", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/checkbox-form-single.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "checkbox-with-text",
|
|
type: "registry:example",
|
|
registryDependencies: ["checkbox"],
|
|
files: [
|
|
{
|
|
path: "examples/checkbox-with-text.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "collapsible-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["collapsible"],
|
|
files: [
|
|
{
|
|
path: "examples/collapsible-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "combobox-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["command"],
|
|
files: [
|
|
{
|
|
path: "examples/combobox-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "combobox-dropdown-menu",
|
|
type: "registry:example",
|
|
registryDependencies: ["command", "dropdown-menu", "button"],
|
|
files: [
|
|
{
|
|
path: "examples/combobox-dropdown-menu.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "combobox-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["command", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/combobox-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "combobox-popover",
|
|
type: "registry:example",
|
|
registryDependencies: ["combobox", "popover"],
|
|
files: [
|
|
{
|
|
path: "examples/combobox-popover.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "combobox-responsive",
|
|
type: "registry:example",
|
|
registryDependencies: ["combobox", "popover", "drawer"],
|
|
files: [
|
|
{
|
|
path: "examples/combobox-responsive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "command-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["command"],
|
|
files: [
|
|
{
|
|
path: "examples/command-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "command-dialog",
|
|
type: "registry:example",
|
|
registryDependencies: ["command", "dialog"],
|
|
files: [
|
|
{
|
|
path: "examples/command-dialog.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "context-menu-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["context-menu"],
|
|
files: [
|
|
{
|
|
path: "examples/context-menu-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "data-table-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["data-table"],
|
|
files: [
|
|
{
|
|
path: "examples/data-table-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "date-picker-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["button", "calendar", "popover"],
|
|
files: [
|
|
{
|
|
path: "examples/date-picker-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
dependencies: ["date-fns"],
|
|
},
|
|
{
|
|
name: "date-picker-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["button", "calendar", "form", "popover"],
|
|
files: [
|
|
{
|
|
path: "examples/date-picker-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
dependencies: ["date-fns"],
|
|
},
|
|
{
|
|
name: "date-picker-with-presets",
|
|
type: "registry:example",
|
|
registryDependencies: ["button", "calendar", "popover", "select"],
|
|
files: [
|
|
{
|
|
path: "examples/date-picker-with-presets.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
dependencies: ["date-fns"],
|
|
},
|
|
{
|
|
name: "date-picker-with-range",
|
|
type: "registry:example",
|
|
registryDependencies: ["button", "calendar", "popover"],
|
|
files: [
|
|
{
|
|
path: "examples/date-picker-with-range.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
dependencies: ["date-fns"],
|
|
},
|
|
{
|
|
name: "dialog-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["dialog"],
|
|
files: [
|
|
{
|
|
path: "examples/dialog-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "dialog-close-button",
|
|
type: "registry:example",
|
|
registryDependencies: ["dialog", "button"],
|
|
files: [
|
|
{
|
|
path: "examples/dialog-close-button.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "drawer-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["drawer"],
|
|
files: [
|
|
{
|
|
path: "examples/drawer-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "drawer-dialog",
|
|
type: "registry:example",
|
|
registryDependencies: ["drawer", "dialog"],
|
|
files: [
|
|
{
|
|
path: "examples/drawer-dialog.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "dropdown-menu-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["dropdown-menu"],
|
|
files: [
|
|
{
|
|
path: "examples/dropdown-menu-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "dropdown-menu-checkboxes",
|
|
type: "registry:example",
|
|
registryDependencies: ["dropdown-menu", "checkbox"],
|
|
files: [
|
|
{
|
|
path: "examples/dropdown-menu-checkboxes.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "dropdown-menu-radio-group",
|
|
type: "registry:example",
|
|
registryDependencies: ["dropdown-menu", "radio-group"],
|
|
files: [
|
|
{
|
|
path: "examples/dropdown-menu-radio-group.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "hover-card-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["hover-card"],
|
|
files: [
|
|
{
|
|
path: "examples/hover-card-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["input"],
|
|
files: [
|
|
{
|
|
path: "examples/input-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-disabled",
|
|
type: "registry:example",
|
|
registryDependencies: ["input"],
|
|
files: [
|
|
{
|
|
path: "examples/input-disabled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-file",
|
|
type: "registry:example",
|
|
registryDependencies: ["input"],
|
|
files: [
|
|
{
|
|
path: "examples/input-file.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["input", "button", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/input-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-with-button",
|
|
type: "registry:example",
|
|
registryDependencies: ["input", "button"],
|
|
files: [
|
|
{
|
|
path: "examples/input-with-button.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-with-label",
|
|
type: "registry:example",
|
|
registryDependencies: ["input", "button", "label"],
|
|
files: [
|
|
{
|
|
path: "examples/input-with-label.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-with-text",
|
|
type: "registry:example",
|
|
registryDependencies: ["input", "button", "label"],
|
|
files: [
|
|
{
|
|
path: "examples/input-with-text.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-otp-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["input-otp"],
|
|
files: [
|
|
{
|
|
path: "examples/input-otp-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-otp-pattern",
|
|
type: "registry:example",
|
|
registryDependencies: ["input-otp"],
|
|
files: [
|
|
{
|
|
path: "examples/input-otp-pattern.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-otp-separator",
|
|
type: "registry:example",
|
|
registryDependencies: ["input-otp"],
|
|
files: [
|
|
{
|
|
path: "examples/input-otp-separator.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-otp-controlled",
|
|
type: "registry:example",
|
|
registryDependencies: ["input-otp"],
|
|
files: [
|
|
{
|
|
path: "examples/input-otp-controlled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "input-otp-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["input-otp", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/input-otp-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "label-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["label"],
|
|
files: [
|
|
{
|
|
path: "examples/label-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "menubar-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["menubar"],
|
|
files: [
|
|
{
|
|
path: "examples/menubar-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "navigation-menu-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["navigation-menu"],
|
|
files: [
|
|
{
|
|
path: "examples/navigation-menu-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "pagination-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["pagination"],
|
|
files: [
|
|
{
|
|
path: "examples/pagination-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "popover-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["popover"],
|
|
files: [
|
|
{
|
|
path: "examples/popover-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "progress-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["progress"],
|
|
files: [
|
|
{
|
|
path: "examples/progress-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "radio-group-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["radio-group"],
|
|
files: [
|
|
{
|
|
path: "examples/radio-group-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "radio-group-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["radio-group", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/radio-group-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "resizable-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["resizable"],
|
|
files: [
|
|
{
|
|
path: "examples/resizable-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "resizable-demo-with-handle",
|
|
type: "registry:example",
|
|
registryDependencies: ["resizable"],
|
|
files: [
|
|
{
|
|
path: "examples/resizable-demo-with-handle.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "resizable-vertical",
|
|
type: "registry:example",
|
|
registryDependencies: ["resizable"],
|
|
files: [
|
|
{
|
|
path: "examples/resizable-vertical.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "resizable-handle",
|
|
type: "registry:example",
|
|
registryDependencies: ["resizable"],
|
|
files: [
|
|
{
|
|
path: "examples/resizable-handle.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "scroll-area-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["scroll-area"],
|
|
files: [
|
|
{
|
|
path: "examples/scroll-area-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "scroll-area-horizontal-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["scroll-area"],
|
|
files: [
|
|
{
|
|
path: "examples/scroll-area-horizontal-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "select-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["select"],
|
|
files: [
|
|
{
|
|
path: "examples/select-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "select-scrollable",
|
|
type: "registry:example",
|
|
registryDependencies: ["select"],
|
|
files: [
|
|
{
|
|
path: "examples/select-scrollable.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "select-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["select"],
|
|
files: [
|
|
{
|
|
path: "examples/select-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "separator-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["separator"],
|
|
files: [
|
|
{
|
|
path: "examples/separator-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "sheet-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["sheet"],
|
|
files: [
|
|
{
|
|
path: "examples/sheet-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "sheet-side",
|
|
type: "registry:example",
|
|
registryDependencies: ["sheet"],
|
|
files: [
|
|
{
|
|
path: "examples/sheet-side.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "skeleton-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["skeleton"],
|
|
files: [
|
|
{
|
|
path: "examples/skeleton-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "skeleton-card",
|
|
type: "registry:example",
|
|
registryDependencies: ["skeleton"],
|
|
files: [
|
|
{
|
|
path: "examples/skeleton-card.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "slider-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["slider"],
|
|
files: [
|
|
{
|
|
path: "examples/slider-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "sonner-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["sonner"],
|
|
files: [
|
|
{
|
|
path: "examples/sonner-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "switch-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["switch"],
|
|
files: [
|
|
{
|
|
path: "examples/switch-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "switch-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["switch", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/switch-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "table-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["table"],
|
|
files: [
|
|
{
|
|
path: "examples/table-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "tabs-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["tabs"],
|
|
files: [
|
|
{
|
|
path: "examples/tabs-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-disabled",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-disabled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-form",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea", "form"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-form.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-with-button",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea", "button"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-with-button.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-with-label",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea", "label"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-with-label.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "textarea-with-text",
|
|
type: "registry:example",
|
|
registryDependencies: ["textarea", "label"],
|
|
files: [
|
|
{
|
|
path: "examples/textarea-with-text.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toast-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["toast"],
|
|
files: [
|
|
{
|
|
path: "examples/toast-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toast-destructive",
|
|
type: "registry:example",
|
|
registryDependencies: ["toast"],
|
|
files: [
|
|
{
|
|
path: "examples/toast-destructive.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toast-simple",
|
|
type: "registry:example",
|
|
registryDependencies: ["toast"],
|
|
files: [
|
|
{
|
|
path: "examples/toast-simple.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toast-with-action",
|
|
type: "registry:example",
|
|
registryDependencies: ["toast"],
|
|
files: [
|
|
{
|
|
path: "examples/toast-with-action.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toast-with-title",
|
|
type: "registry:example",
|
|
registryDependencies: ["toast"],
|
|
files: [
|
|
{
|
|
path: "examples/toast-with-title.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-disabled",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-disabled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-lg",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-lg.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-outline",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-outline.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-sm",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-sm.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-group-single",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle-group"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-group-single.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-disabled",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-disabled.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-lg",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-lg.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-outline",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-outline.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-sm",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-sm.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "toggle-with-text",
|
|
type: "registry:example",
|
|
registryDependencies: ["toggle"],
|
|
files: [
|
|
{
|
|
path: "examples/toggle-with-text.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "tooltip-demo",
|
|
type: "registry:example",
|
|
registryDependencies: ["tooltip"],
|
|
files: [
|
|
{
|
|
path: "examples/tooltip-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-blockquote",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-blockquote.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-demo",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-h1",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-h1.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-h2",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-h2.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-h3",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-h3.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-h4",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-h4.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-inline-code",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-inline-code.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-large",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-large.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-lead",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-lead.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-list",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-list.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-muted",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-muted.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-p",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-p.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-small",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-small.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "typography-table",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/typography-table.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "mode-toggle",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/mode-toggle.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-bar-demo",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-bar-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-bar-demo-grid",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-bar-demo-grid.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-bar-demo-axis",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-bar-demo-axis.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-bar-demo-tooltip",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-bar-demo-tooltip.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-bar-demo-legend",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-bar-demo-legend.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "chart-tooltip-demo",
|
|
type: "registry:example",
|
|
files: [
|
|
{
|
|
path: "examples/chart-tooltip-demo.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
name: "calendar-hijri",
|
|
description: "A Persian calendar.",
|
|
type: "registry:example",
|
|
registryDependencies: ["calendar"],
|
|
files: [
|
|
{
|
|
path: "examples/calendar-hijri.tsx",
|
|
type: "registry:example",
|
|
},
|
|
],
|
|
categories: ["calendar", "date"],
|
|
meta: {
|
|
iframeHeight: "600px",
|
|
container:
|
|
"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0",
|
|
mobile: "component",
|
|
},
|
|
},
|
|
]
|