Collapsible

Overview

Root collapsible component built on Reka UI's CollapsibleRoot.

Theme entry: Collapsible

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
modelValue	boolean		undefined	The controlled open state.
defaultOpen	boolean		undefined	The default open state.
unmountOnHide	boolean		true	Whether to unmount the content when closed. Set false to preserve form fields and their validation.
disabled	boolean		undefined	Whether the collapsible is disabled.
dir	string		undefined	The reading direction.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.

Slots

default

Scoped slot.

Events

Name	Description
update:modelValue	Emitted when the value changes.

Full event reference

Source

client/lib/shell/collapsible/Collapsible.vue