{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-02",
  "type": "registry:component",
  "title": "Select",
  "author": "Toby Belhome",
  "description": "Displays a list of options for the user to pick from—triggered by a button.",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "examples/components/select/02/page.tsx",
      "content": "import {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n} from \"@/components/ui/select\";\n\nexport default function SelectDemo() {\n  return (\n    <Select>\n      <SelectTrigger className=\"w-[200px]\">\n        <SelectValue placeholder=\"Choose a framework\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel>Frontend</SelectLabel>\n          <SelectItem value=\"react\">React</SelectItem>\n          <SelectItem value=\"nextjs\">Next.js</SelectItem>\n          <SelectItem value=\"angular\">Angular</SelectItem>\n          <SelectItem value=\"vue\">Vue.js</SelectItem>\n          <SelectItem value=\"svelte\">Svelte</SelectItem>\n        </SelectGroup>\n        <SelectSeparator />\n        <SelectGroup>\n          <SelectLabel>Backend</SelectLabel>\n          <SelectItem value=\"express\">Express</SelectItem>\n          <SelectItem value=\"nestjs\">NestJS</SelectItem>\n          <SelectItem value=\"django\">Django</SelectItem>\n          <SelectItem value=\"flask\">Flask</SelectItem>\n          <SelectItem value=\"laravel\">Laravel</SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/select-02.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}