Back to Fluentui

RotateDescription

packages/react-components/react-motion-components-preview/stories/src/Rotate/RotateDescription.md

4.40.2-hotfix2375 B
Original Source

The Rotate component provides 3D rotation animations with independent X, Y, and Z axis control.

⚠️ Preview components are considered unstable

tsx
import { Rotate } from '@fluentui/react-motion-components-preview';

function Component({ visible }) {
  return (
    <Rotate visible={visible} axis="x" angle={45}>
      <div>Content</div>
    </Rotate>
  );
}