Back to Fluentui

ScaleDescription

packages/react-components/react-motion-components-preview/stories/src/Scale/ScaleDescription.md

4.40.2-hotfix2360 B
Original Source

The Scale component manages content presence, using scale in/out.

⚠️ Preview components are considered unstable

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

function Component({ visible }) {
  return (
    <Scale visible={visible}>
      <div style={{ background: 'lightblue' }}>Content</div>
    </Scale>
  );
}