Backdrop
Semi-transparent overlay that blocks interaction with background content. Used under modals and drawers.
import
{ Backdrop } from "@pepulux/ui"Default
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open* | boolean | — | Controls visibility |
| onClick | () => void | — | Called when backdrop is clicked |
| invisible | boolean | false | Transparent backdrop (no dim) |
| children | ReactNode | — | Content centered over the backdrop |