{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-05",
  "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": [
    "avatar"
  ],
  "files": [
    {
      "path": "examples/components/select/05/page.tsx",
      "content": "import { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue\n} from \"@/components/ui/select\";\n\nexport default function SelectDemo() {\n  return (\n    <Select defaultValue=\"3\">\n      <SelectTrigger className=\"w-[200px]\">\n        <SelectValue placeholder=\"Select user\" />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          <SelectLabel className=\"text-muted-foreground py-1 ps-2 text-xs font-normal\">\n            Select a user\n          </SelectLabel>\n          <SelectItem value=\"1\">\n            <span className=\"flex items-center gap-2\">\n              <Avatar className=\"size-6\">\n                <AvatarImage src=\"/media/avatars/3.png\" alt=\"@reui\" />\n                <AvatarFallback>AB</AvatarFallback>\n              </Avatar>\n              <span>Alan Bold</span>\n            </span>\n          </SelectItem>\n          <SelectItem value=\"2\">\n            <span className=\"flex items-center gap-2\">\n              <Avatar className=\"size-6\">\n                <AvatarImage src=\"/media/avatars/4.png\" alt=\"@reui\" />\n                <AvatarFallback>EJ</AvatarFallback>\n              </Avatar>\n              <span>Ethan James</span>\n            </span>\n          </SelectItem>\n          <SelectItem value=\"3\">\n            <span className=\"flex items-center gap-2\">\n              <Avatar className=\"size-6\">\n                <AvatarImage src=\"/media/avatars/10.png\" alt=\"@reui\" />\n                <AvatarFallback>NK</AvatarFallback>\n              </Avatar>\n              <span>Nina Clark</span>\n            </span>\n          </SelectItem>\n          <SelectItem value=\"4\">\n            <span className=\"flex items-center gap-2\">\n              <Avatar className=\"size-6\">\n                <AvatarImage src=\"/media/avatars/12.png\" alt=\"@reui\" />\n                <AvatarFallback>JA</AvatarFallback>\n              </Avatar>\n              <span>Sean Otto</span>\n            </span>\n          </SelectItem>\n        </SelectGroup>\n      </SelectContent>\n    </Select>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/select-05.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}