UICollapseTransition

UICollapseTransition

A transition component for smooth collapse/expand animations.

<template>
  <UICollapseTransition>
    <div v-show="show">
      Collapsible content
    </div>
  </UICollapseTransition>
</template>

Props

• appear (boolean): Whether to apply transition on initial render
• mode (‘in-out’ | ‘out-in’): Transition mode

Events

• before-enter: Emitted before enter transition starts
• enter: Emitted when enter transition starts
• after-enter: Emitted after enter transition ends
• before-leave: Emitted before leave transition starts
• leave: Emitted when leave transition starts
• after-leave: Emitted after leave transition ends