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
src/layers/Backdrop/Backdrop.tsx (opens in a new tab)
| Prop | Description | Default |
|---|---|---|
zIndex | The z-index of the backdrop.number | 998 |
portalIndex | The index of the portal.number | 0 |
className | Additional class names to apply to the backdrop.string | |
onClick | Callback for when the backdrop is clicked.(event: MouseEvent<Element, MouseEvent>) => void |