Disclosure
A styleless accordion component.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Installation
npx @rahimstack@latest add disclosure
API Reference
const DisclosureAnatomy = defineStyleAnatomy({
item: cva([
"UI-Disclosure__item",
]),
contentContainer: cva([
"UI-Disclosure__contentContainer",
"overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
]),
content: cva([
"UI-Disclosure__content",
]),
})