Backdrop

The backdrop component will render an translucent overlay that fills the viewport. It can accept child components that will render on top of the overlay. When active, the backdrop component will prevent users from interacting with any elements underneath the backdrop. The backdrop component may additionally fire dismissal actions on click.

If you would like to close the backdrop component upon any user click interaction, use the onClick prop.

You can change the transition speed of the backdrop component by passing the transitionSpeed prop. There are also functions that are called during the transitions to offer more control of the backdrop functionality.