AccordionContent โ
Source: client/lib/theme/vueda-tailwind/shell/index.js
The animated collapsible content region. It owns the open and closed height animations and applies body text sizing while leaving padding to AccordionContent.inner.
Vue component: AccordionContent
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | The animated collapsible content region. It owns the open and closed height animations and applies body text sizing while leaving padding to AccordionContent.inner. |
| inner | pt-0 pb-4 | The inner content inset for an accordion panel. It adds only bottom padding so content aligns with the trigger start while leaving the item divider visible. |
root โ
The animated collapsible content region. It owns the open and closed height animations and applies body text sizing while leaving padding to AccordionContent.inner.
Default classes:
data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down
overflow-hidden text-bodySource: client/lib/theme/vueda-tailwind/shell/AccordionContent.theme.js:18
inner โ
The inner content inset for an accordion panel. It adds only bottom padding so content aligns with the trigger start while leaving the item divider visible.
Default classes:
pt-0 pb-4
Source: client/lib/theme/vueda-tailwind/shell/AccordionContent.theme.js:30