{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-accordion-10","type":"registry:block","title":"Accordion with rotating arrow indicator","description":"Accordion with rotating arrow indicator","dependencies":[],"registryDependencies":["accordion"],"files":[{"path":"c-accordion-10.tsx","type":"registry:block","content":"import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from \"@/components/ui/accordion\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst items = [\n  {\n    value: \"item-1\",\n    trigger: \"Can I use this for my project?\",\n    content:\n      \"Yes, you can use ReUI for any of your personal or commercial projects. The library is distributed under the MIT license.\",\n  },\n  {\n    value: \"item-2\",\n    trigger: \"Is there a Figma file available?\",\n    content:\n      \"We are currently working on a comprehensive Figma design system that will be released soon to all ReUI users.\",\n  },\n  {\n    value: \"item-3\",\n    trigger: \"How do I contribute to ReUI?\",\n    content:\n      \"You can contribute by reporting bugs, suggesting features, or submitting pull requests on our GitHub repository.\",\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 className=\"flex-row-reverse items-center justify-end gap-3 py-3 hover:no-underline *:data-[slot=accordion-trigger-icon]:hidden\">\n              <span className=\"text-foreground/90 font-medium\">\n                {item.trigger}\n              </span>\n              <IconPlaceholder\n                lucide=\"ChevronRightIcon\"\n                tabler=\"IconChevronRight\"\n                hugeicons=\"ArrowRight01Icon\"\n                phosphor=\"CaretRightIcon\"\n                remixicon=\"RiArrowRightSLine\"\n                className=\"text-muted-foreground size-4 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:rotate-90\"\n              />\n            </AccordionTrigger>\n            <AccordionContent className=\"text-muted-foreground ps-7 leading-relaxed\">\n              {item.content}\n            </AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}","target":"components/examples/c-accordion-10.tsx"}],"meta":{"order":10}}