You are viewing Pre-Alpha documentation. See the roadmap for updates.

Theme

Mode

Accessibility

Vuetify

ExpansionPanel API

API reference for the ExpansionPanel components.

ExpansionPanel.Root

Props

namespace

string

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

Default: "v0:expansion-panel"

disabled

boolean

Disables the entire expansion panel instance and all items

Default: false

enroll

boolean

Auto-expand non-disabled items when registered

Default: false

mandatory

boolean | "force"

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

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[]

Events

update:model-value

T | T[]

Slots

default

ExpansionPanelRootSlotProps

ExpansionPanel.Activator

Props

namespace

string

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelActivatorSlotProps

ExpansionPanel.Content

Props

namespace

string

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelContentSlotProps

ExpansionPanel.Header

Props

namespace

string

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

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelHeaderSlotProps

ExpansionPanel.Item

Props

id

string

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

value

V

Value associated with this panel item for v-model binding

disabled

MaybeRef<boolean>

Disables this specific panel item

namespace

string

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

Default: "v0:expansion-panel"

Slots

default

ExpansionPanelItemSlotProps

Was this page helpful?