Layout & Structure

Collapsible

A single show/hide section for content that is optional or secondary.

Install

import { Collapsible } from 'vael-ui'

disabled

motionCss ?

import { Collapsible } from 'vael-ui'

<Collapsible :disabled="false" motionCss>Collapsible</Collapsible>

Name	Type	Default	Description
`disabled`	`boolean \| undefined`	`false`
`motionCss`	`boolean \| undefined`	`true`	`false` skips transitions; use exposed `panelEl` for custom motion.
`ui`	`Partial<{ root: UiPartValue; trigger: UiPartValue; panel: UiPartValue; body: UiPartValue; }> \| undefined`
`open`	`boolean \| undefined`	`false`

Name	Type	Description
`trigger`	`{ open: boolean; }`
`default`	`any`

Name	Type	Description
`update:open`	`[value: boolean]`

Name	Type	Description
`el`	`HTMLElement \| null`
`panelEl`	`HTMLElement \| null`