{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-select-14","type":"registry:block","title":"Select component with Button side by side","description":"Select component with Button side by side","dependencies":[],"registryDependencies":["button","select"],"files":[{"path":"c-select-14.tsx","type":"registry:block","content":"import { Button } from \"@/components/ui/button\"\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]\n\nexport function Pattern() {\n  return (\n    <div className=\"flex w-full max-w-xs items-center gap-2\">\n      <Select items={items}>\n        <SelectTrigger className=\"grow\">\n          <SelectValue />\n        </SelectTrigger>\n        <SelectContent alignItemWithTrigger={false}>\n          <SelectGroup>\n            {items.map((item) => (\n              <SelectItem key={item.value} value={item.value}>\n                {item.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n      <Button>Submit</Button>\n    </div>\n  )\n}","target":"components/examples/c-select-14.tsx"}],"meta":{"order":14}}