Backdrop

A backdrop is used to screen the main content of a page when a modal overlay is opened. It prevents the user from doing other work on the page 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

CSS variables

Expand or collapse columnSelectorVariableValue
We use cookies on our websites to deliver our online services. Details about how we use cookies and how you may disable them are set out in our Privacy Statement. By using this website you agree to our use of cookies.