Layout

Expansion Panels

Selection-aware group that coordinates multiple expansion panels.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Primary information.

Additional information.

Properties

Multiple

Mandatory

Vue

<m-expansion-panels
  :multiple="false"
  :mandatory="false"
  v-model="value"
>
  <m-expansion-panel
    value="overview"
    title="Overview"
  >
    Primary information.
  </m-expansion-panel>
  <m-expansion-panel
    value="details"
    title="Details"
  >
    Additional information.
  </m-expansion-panel>
</m-expansion-panels>

MExpansionPanels API

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

MExpansionPanels

Content family

src/runtime/components/ui/expansion-panels

Props

NameTypeDefault

multipleAllow multiple panels open at once. @default false (exclusive accordion).

booleanfalse

mandatoryKeep at least one panel open (exclusive mode only). @default false

booleanfalse

Slots

Events

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