# Collapse

An easy way to toggle what you want

edit on github

# Examples

# Accordion

# Class props

📄 Full scss file

Collapse Title

Collapse Content
How does Class props inspector work?
Class prop Description Props Suffixes
contentClass Class of the content.
rootClass Class of the root element.
triggerClass Class of the trigger element.

# Props

Prop name Description Type Values Default
animation Custom animation (transition name) string -
From config

collapse: {
  animation: 'fade'
ariaId string - ''
open Whether collapse is open or not, use the .sync modifier (Vue 2.x) or v-model:open (Vue 3.x) to make it two-way binding boolean - true
override Override classes boolean - false
position Trigger position string top, bottom 'top'

# Events

Event name Properties Description

# Slots

Name Description Bindings

# Style

CSS Variable SASS Variable Default