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

Props

Backdrop

*required
Name	Type	Default	Description
children	React.ReactNode	null	Content rendered inside the backdrop
className	string	''	Additional classes added to the backdrop

CSS variables

Expand or collapse column	Selector	Variable	Value

View source on GitHub