Vuetify0 is now in alpha! See the roadmap for details.

Theme

Mode

Palettes

Accessibility

ExpansionPanel API

API reference for the ExpansionPanel components.

Explore these related pages for additional context and usage patterns.

Page	Category
Expansion Panel	Disclosure
createSelection	Selection
Popover	Disclosure

ExpansionPanel.Root

Props

id

string | undefined

Unique identifier for the panel item (auto-generated if not provided)

value

V | undefined

Value associated with this panel item for v-model binding

disabled

MaybeRefOrGetter<boolean> | undefined

Disables this specific panel item

namespace

string | undefined

Namespace to retrieve the parent ExpansionPanelGroup context (default: 'v0:expansion-panel')

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelRootSlotProps

ExpansionPanel.Activator

Props

namespace

string | undefined

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelActivatorSlotProps

ExpansionPanel.Content

Props

namespace

string | undefined

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelContentSlotProps

ExpansionPanel.Cue

Props

namespace

string | undefined

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelCueSlotProps

ExpansionPanel.Group

Props

namespace

string | undefined

Namespace for dependency injection (default: 'v0:expansion-panel')

Default: "v0:expansion-panel"

disabled

boolean | undefined

Disables the entire expansion panel instance and all items

Default: false

enroll

boolean | undefined

Auto-expand non-disabled items when registered

Default: false

mandatory

boolean | "force" | undefined

Mandatory expansion behavior: - false (default): All panels can be collapsed - true: Prevents collapsing the last expanded panel - 'force': Automatically expands the first non-disabled panel

Default: false

multiple

boolean | undefined

Enable multi-expansion mode - false (default): Single panel expanded at a time (accordion mode) - true: Multiple panels can be expanded simultaneously Note: Changes v-model type from T to T[]

Default: false

modelValue

T | T[] | undefined

Events

update:model-value

[value: T | T[]]

Slots

default

ExpansionPanelGroupSlotProps

ExpansionPanel.Header

Props

namespace

string | undefined

Namespace for retrieving the parent ExpansionPanelRoot context (default: 'v0:expansion-panel')

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelHeaderSlotProps

Was this page helpful?