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
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 |