{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-accordion-2","type":"registry:block","title":"Accordion with plus/minus indicators","description":"Accordion with plus/minus indicators","dependencies":[],"registryDependencies":["accordion"],"files":[{"path":"c-accordion-2.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: \"security\",\n    trigger: \"Data Security\",\n    content:\n      \"We use industry-standard AES-256 encryption to protect your sensitive information at rest and in transit.\",\n  },\n  {\n    value: \"integration\",\n    trigger: \"API Integration\",\n    content:\n      \"Seamlessly connect with your favorite tools using our robust REST API and pre-built connectors.\",\n  },\n  {\n    value: \"collaboration\",\n    trigger: \"Team Collaboration\",\n    content:\n      \"Invite team members, assign roles, and work together in real-time on shared projects and documents.\",\n  },\n]\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto mb-auto w-full max-w-lg\">\n      <Accordion multiple defaultValue={[\"security\"]}>\n        {items.map((item) => (\n          <AccordionItem key={item.value} value={item.value}>\n            <AccordionTrigger className=\"hover:no-underline *:data-[slot=accordion-trigger-icon]:hidden\">\n              <span>{item.trigger}</span>\n              <IconPlaceholder\n                lucide=\"PlusIcon\"\n                tabler=\"IconPlus\"\n                hugeicons=\"PlusSignIcon\"\n                phosphor=\"PlusIcon\"\n                remixicon=\"RiAddLine\"\n                className=\"text-muted-foreground ml-auto size-3.5 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:hidden\"\n              />\n              <IconPlaceholder\n                lucide=\"MinusIcon\"\n                tabler=\"IconMinus\"\n                hugeicons=\"MinusSignIcon\"\n                phosphor=\"MinusIcon\"\n                remixicon=\"RiSubtractLine\"\n                className=\"text-muted-foreground ml-auto hidden size-3.5 shrink-0 transition-transform duration-200 group-aria-expanded/accordion-trigger:inline\"\n              />\n            </AccordionTrigger>\n            <AccordionContent>{item.content}</AccordionContent>\n          </AccordionItem>\n        ))}\n      </Accordion>\n    </div>\n  )\n}","target":"components/examples/c-accordion-2.tsx"}],"meta":{"order":2,"label":"Plus Minus Icons"}}