Skip to content
On this page

Collapse

Show and hide content.

Usage

Simple Usage

preview
vue
<template>
  <p-button class="mb-5" @click="sample = !sample" color="info">Collapse</p-button>
  <p-collapse v-model="sample">
    But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born
  </p-collapse>
</template>

With Card

preview
vue
<template>
  <p-button class="mb-5" @click="sample = !sample" color="info">Collapse</p-button>
  <p-collapse v-model="sample">
    <p-card>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born</p-card>
  </p-collapse>
</template>

API

Props

PropsTypeDefaultDescription
There no props here

Slots

NameDescription
default Content to place in Collapse

Events

NameArgumentsDescription
There no event here

Released under the MIT License.