Skip to content

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

SlotDefault classesDescription
root2 classesThe animated collapsible content region. It owns the open and closed height animations and applies body text sizing while leaving padding to AccordionContent.inner.
innerpt-0 pb-4The 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:

text
data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down
overflow-hidden text-body

Source: 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

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2