Motion Crossfade
Crossfade between views with AnimatePresence mode="wait". Respects prefers-reduced-motion.
Toggle content
Used on Budget month detail when swapping skeletons for loaded views.
Developer
import { MotionCrossfade } from "@financial-tracking/design-system"API reference
| Prop | Type | Default |
|---|---|---|
motionKeyRequired. Stable key per logical view — drives exit/enter. | string | — |
childrenRequired. | ReactNode | — |
className | string | — |