Back to Fluentui

MotionDescription

packages/react-components/react-motion/stories/src/Motion/MotionDescription.md

4.40.2-hotfix2604 B
Original Source

Fluent components leverages the @fluentui/react-motion to handle animations. All components that expose a motion slot, can be configured in a similar way. For detailed guidance on creating animations using @fluentui/react-motion, refer to the motion API documentation.

Components using motion API

  • Dialog
  • Drawer
  • Toast (internally uses the motion API but does not expose a slot)

For components that provide a slot to control animation, you can disable or customize the motion by configuring these slots.