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