Layout

Expansion Panel

Disclosure surface that reveals supporting content from an accessible header.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Expansion content remains in document order and is controlled by its header.

Properties

Expanded

Disabled

Title

Vue

<m-expansion-panel
  description="Open the panel to inspect supporting content."
  :disabled="false"
  title="Component details"
  v-model="open"
>
  Expansion content remains in document order and is controlled by its header.
</m-expansion-panel>

MExpansionPanel API

Props, slots, and events are extracted from the current public UI Kit contract.

MExpansionPanel

Content family

src/runtime/components/ui/expansion-panel

Props

NameTypeDefault

disabledPrevents interaction and applies the disabled visual state.

booleanfalse

loadingReplaces content with progress feedback and prevents interaction.

booleanfalse

value

string | numberundefined

title

string''

description

string''

Slots

Events

MExpansionPanel does not emit component-specific events. Native events fall through to its root element.