{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-accordion-1","type":"registry:block","title":"A basic single-expand accordion","description":"A basic single-expand accordion","dependencies":[],"registryDependencies":["accordion"],"files":[{"path":"c-accordion-1.tsx","type":"registry:block","content":"import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\n\nconst items = [\n  {\n    value: \"item-1\",\n    trigger: \"Is it accessible ?\",\n    content: \"Yes. It adheres to the WAI-ARIA design pattern.\",\n  },\n  {\n    value: \"item-2\",\n    trigger: \"Is it styled?\",\n    content:\n      \"Yes. It comes with default styles that matches the other components' aesthetic.\",\n  },\n  {\n    value: \"item-3\",\n    trigger: \"Is it animated?\",\n    content:\n      \"Yes. It's animated by default, but you can disable it if you prefer.\",\n  },\n]\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto mb-auto w-full max-w-lg\">\n      <Accordion multiple={false} defaultValue={[\"item-1\"]}>\n        {items.map((item) => (\n          <AccordionItem key={item.value} value={item.value}>\n            <AccordionTrigger>{item.trigger}</AccordionTrigger>\n            <AccordionContent>{item.content}</AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}","target":"components/examples/c-accordion-1.tsx"}],"meta":{"order":1}}