wt-expansion-panel.vue

Specs

Props

Name	Required	Types	Default	Description	Example	Deprecated
size		ComponentSize	ComponentSize.MD	Size of the expansion panel
collapsed		boolean	false	Whether the expansion panel is initially collapsed. Also, can force expansion state, if changed

Events

Name	Params	Description
opened
closed

Slots

Name	Scope	Description
title
actions
default

Example Expansion Panel Different Sizes

Md Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sm Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Code

<script setup></script>

<template>
  <div style="display: flex; flex-direction: column; gap: 10px">
    <!--   default size -->
    <wt-expansion-panel size="md">
      <template #title> Md Title </template>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua.
    </wt-expansion-panel>

    <wt-expansion-panel size="sm">
      <template #title> Sm Title </template>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua.
    </wt-expansion-panel>
  </div>
</template>

<style scoped lang="scss"></style>