āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/imskyleen/animate-ui/primitives/radix/collapsible ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
<Collapsible>
<CollapsibleTrigger>Collapsible Trigger</CollapsibleTrigger>
<CollapsibleContent>
<div>Collapsible Content</div>
</CollapsibleContent>
</Collapsible>
<ExternalLink href="https://www.radix-ui.com/primitives/docs/components/collapsible#root" text="Radix UI API Reference - Collapsible.Root" />
<ExternalLink href="https://www.radix-ui.com/primitives/docs/components/collapsible#trigger" text="Radix UI API Reference - Collapsible.Trigger" />
<ExternalLink href="https://www.radix-ui.com/primitives/docs/components/collapsible#content" text="Radix UI API Reference - Collapsible.Content" />
<TypeTable type={{ transition: { description: 'The transition of the collapsible content', type: 'Transition', required: false, default: "{ duration: 0.35, ease: 'easeInOut' }", }, keepRendered: { description: 'Whether to keep the accordion content rendered (useful for SEO)', type: 'boolean', required: false, default: 'false', }, '...props': { description: 'The props of the collapsible content.', type: 'HTMLMotionProps<"div">', required: false, }, }} />
<Callout type="info"> The `asChild` and `forceMount` props are not supported in the `CollapsibleContent` component as it is used for animation. </Callout>ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā