{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-select-33","type":"registry:block","title":"Size variant select with small trigger","description":"Size variant select with small trigger","dependencies":[],"registryDependencies":["field","select"],"files":[{"path":"c-select-33.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 sizes = [\n  { label: \"Select a size\", value: null },\n  { label: \"Small\", value: \"sm\" },\n  { label: \"Medium\", value: \"md\" },\n  { label: \"Large\", value: \"lg\" },\n  { label: \"Extra Large\", value: \"xl\" },\n]\n\nexport function Pattern() {\n  return (\n    <Field className=\"max-w-xs\">\n      <Select items={sizes}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select a size\" />\n        </SelectTrigger>\n        <SelectContent alignItemWithTrigger={false}>\n          <SelectGroup>\n            {sizes.map((size) => (\n              <SelectItem key={size.value} value={size.value}>\n                {size.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n    </Field>\n  )\n}","target":"components/examples/c-select-33.tsx"}],"meta":{"order":33}}