{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-demo",
  "type": "registry:component",
  "title": "Select example",
  "description": "Usage example (demo) for Select: the code behind the preview on https://facadeui.dev/components/select. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/select.json"
  ],
  "files": [
    {
      "path": "select.tsx",
      "type": "registry:component",
      "target": "components/examples/select-demo.tsx",
      "content": "import { Select } from \"@/components/ui/select\"\n\nconst COUNTRIES = [\n  { value: \"nl\", label: \"Netherlands\" },\n  { value: \"de\", label: \"Germany\" },\n  { value: \"fr\", label: \"France\" },\n  { value: \"be\", label: \"Belgium\" },\n  { value: \"xx\", label: \"Atlantis\", disabled: true },\n]\n\nconst PLANS = [\n  { value: \"starter\", label: \"Starter\" },\n  { value: \"team\", label: \"Team\" },\n  { value: \"enterprise\", label: \"Enterprise\" },\n]\n\nexport function Demo() {\n  return (\n    <div className=\"grid max-w-2xl gap-6 sm:grid-cols-2\">\n      <Select\n        label=\"Country\"\n        name=\"country\"\n        items={COUNTRIES}\n        placeholder=\"Choose a country\"\n        description=\"Where the invoice is addressed.\"\n        required\n      />\n      <Select\n        label=\"Plan\"\n        name=\"plan\"\n        items={PLANS}\n        defaultValue=\"enterprise\"\n        error=\"Enterprise needs a sales call first.\"\n      />\n    </div>\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/select-demo.tsx renders Select with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/select"
}