{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-collapsible-6","type":"registry:block","title":"Collapsible frame","description":"Collapsible frame","dependencies":[],"registryDependencies":["collapsible","@reui/frame"],"files":[{"path":"c-collapsible-6.tsx","type":"registry:block","content":"import {\n  Frame,\n  FrameHeader,\n  FramePanel,\n  FrameTitle,\n} from \"@/components/reui/frame\"\n\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"@/components/ui/collapsible\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <div className=\"h-54 w-full max-w-xs\">\n      <Frame stacked dense spacing=\"sm\" className=\"w-full\">\n        <Collapsible defaultOpen>\n          <CollapsibleTrigger className=\"flex w-full\">\n            <FrameHeader className=\"flex grow flex-row items-center justify-between gap-2\">\n              <FrameTitle className=\"text-sm font-medium\">\n                Deployment successful\n              </FrameTitle>\n              <IconPlaceholder\n                lucide=\"ChevronRightIcon\"\n                tabler=\"IconChevronRight\"\n                hugeicons=\"ArrowRight01Icon\"\n                phosphor=\"CaretRightIcon\"\n                remixicon=\"RiArrowRightSLine\"\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground size-4 transition-transform in-data-open:rotate-90\"\n              />\n            </FrameHeader>\n          </CollapsibleTrigger>\n          <CollapsibleContent>\n            <FramePanel>\n              <p className=\"text-muted-foreground text-xs leading-relaxed\">\n                Updated the core authentication logic and fixed a minor bug in\n                the login flow. Improved session handling for better\n                performance.\n              </p>\n            </FramePanel>\n          </CollapsibleContent>\n        </Collapsible>\n      </Frame>\n    </div>\n  )\n}","target":"components/examples/c-collapsible-6.tsx"}],"meta":{"order":6}}