Back to Fluentui

BlurDescription

packages/react-components/react-motion-components-preview/stories/src/Blur/BlurDescription.md

4.40.2-hotfix2331 B
Original Source

The Blur component manages content presence, using blur in/out transitions.

⚠️ Preview components are considered unstable

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

function Component({ visible }) {
  return (
    <Blur visible={visible}>
      <div>Content</div>
    </Blur>
  );
}