Skip to Content

Backdrop


Backdrop is a component that overlays a certain viewport to prevent users from clicking the bottom layer and draw attention to the content. This component is typically used with a Overlay component.

API

NameTypeDefault
zIndexnumber

The z-index of the backdrop.

998
portalIndexnumber

The index of the portal.

0
classNamestring

Additional class names to apply to the backdrop.

themeBackdropTheme

Theme for the Backdrop.

onClick(event: MouseEvent<Element, MouseEvent>) => void

Callback for when the backdrop is clicked.

Last updated on