Collapse

Show and hide content.

Usage

Simple Usage

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born

preview

<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

But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born

preview

<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

Props	Type	Default	Description
There no props here

Slots

Name	Description
default	Content to place in Collapse

Events

Name	Arguments	Description
There no event here