Skip to Content

Collapse

Simple expand / collapse component with animations via framer-motion.

Examples

Custom Animation

Define custom animations for the collapse, using the animation, animationViewChange props:

Learn more about how to customize the animations in the Custom Animations section.

API

PropDescriptionDefault
expandedWhether the collapse is expanded or not.
boolean
animated@deprecated Use animation configuration instead. Whether the collapse is animated or not.
boolean
true
animationAnimation configuration for the collapse.
MotionNodeAnimationOptions
childrenChildren to render.
ReactNode | (() => ReactNode)
themeTheme for the Collapse.
CollapseTheme
Last updated on