{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-select-10","type":"registry:block","title":"Select component in a disabled state","description":"Select component in a disabled state","dependencies":[],"registryDependencies":["field","select"],"files":[{"path":"c-select-10.tsx","type":"registry:block","content":"import { Field } from \"@/components/ui/field\"\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\n\nconst items = [\n  { label: \"Select a fruit\", value: null },\n  { label: \"Apple\", value: \"apple\" },\n  { label: \"Banana\", value: \"banana\" },\n  { label: \"Blueberry\", value: \"blueberry\" },\n  { label: \"Grapes\", value: \"grapes\", disabled: true },\n  { label: \"Pineapple\", value: \"pineapple\" },\n]\n\nexport function Pattern() {\n  return (\n    <Field className=\"max-w-xs\" data-disabled>\n      <Select items={items} disabled>\n        <SelectTrigger>\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent alignItemWithTrigger={false}>\n          <SelectGroup>\n            {items.map((item) => (\n              <SelectItem\n                key={item.value}\n                value={item.value}\n                disabled={item.disabled}\n              >\n                {item.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n    </Field>\n  )\n}","target":"components/examples/c-select-10.tsx"}],"meta":{"order":10}}