<1 min read
BaseTogglePanel
BaseTogglePanel
Simple panel that receives its open state via prop, which is responsible of rendering default slot inside a configurable transition.
Props
Name | Description | Type | Default |
---|---|---|---|
open | Handles if the panel is rendered. It is used with v-if instead of v-show to get better performance. | boolean |
|
animation | Animation component that will be used to animate the panel content. | AnimationProp | 'div' |
Slots
Name | Description | Bindings (name - type - description) |
---|---|---|
default | (Required) Default content | None |
Examples
Simple panel that receives its open state via prop, which is responsible of rendering default slot inside a configurable transition.
Basic usage
Using default slot:
<BaseTogglePanel :open="true" :animation="collapseFromTop">
<Filters :filters="filters">
<template #default="{ filter }">
<p>{{ filter.label }}</p>
</template>
</Filters>
</BaseTogglePanel>