Expand component 1

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Content expand

Expand component 2


How to use it ?

  <template>
  <MazTransitionExpand>
    <div
      v-show="isShown"
    >
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
      <p>Content expand</p>
    </div>
  </MazTransitionExpand>
</template>

<script>
  import { MazTransitionExpand } from 'maz-ui'
  export default {
    components: { MazTransitionExpand },
    data () {
      return {
        isShow: false
      }
    }
  }
</script>