Backdrop

A backdrop is a screen that covers the main content of a page when a modal is opened, to prevent page interaction until the modal is dismissed.

Examples

Basic

Basic screenshot

Props

Backdrop

*required
NameTypeDefaultDescription
childrenReact.ReactNodenullContent rendered inside the backdrop
classNamestring''Additional classes added to the backdrop
hasAnimationsbooleantrueFlag indicating whether animations are enabled. Animations are enabled by default.
isVisiblebooleantrueFlag to show the backdrop when animations are enabled. Set to false while the backdrop remains mounted to play its exit transition.