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