Loading...
An interactive component which expands/collapses a panel.
Full keyboard navigation
Can be controlled or uncontrolled
Animated with Motion
Respects reduce motion with system settings and through props
Built with:
You can use any Motion Animation values:
Each animation comes with predefined transitionPreset
Alternatively, you can choose transition from this list:
defaultanticipatequickOutovershootOutswiftOutsnappyOutinOutinQuadinCubicinQuartinQuintinExpoinCircoutQuadoutCubicoutQuartoutQuintoutExpooutCircinOutQuadinOutCubicinOutQuartinOutQuintinOutExpoinOutCircinOutBaseinoutlinearAdditionaly, you can control the duration of the transition:
You can use any Motion Transition values:
| Prop | Type | Default |
|---|---|---|
animation | AnimationProps | ― |
animationPreset | enum | "fade" |
transition | Transition | ― |
transitionPreset | enumTransitionPreset | ― |
reduceMotion | boolean | false |
Support all Root Radix API
Support all Radix API
Support all Radix API