āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/imskyleen/animate-ui/primitives/headless/disclosure ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
<Disclosure>
<DisclosureButton>Disclosure Button</DisclosureButton>
<DisclosurePanel>
<div>Disclosure Panel</div>
</DisclosurePanel>
</Disclosure>
<ExternalLink href="https://headlessui.com/react/disclosure#disclosure" text="Headless UI API Reference - Disclosure" />
<ExternalLink href="https://headlessui.com/react/disclosure#disclosure-button" text="Headless UI API Reference - DisclosureButton" />
<ExternalLink href="https://headlessui.com/react/disclosure#disclosure-panel" text="Headless UI API Reference - DisclosurePanel" />
<TypeTable type={{ transition: { description: 'The transition of the disclosure panel', 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 disclosure panel.', type: 'HTMLMotionProps<"div">', required: false, }, }} />
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā