Examples
Props
Backdrop
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | Content rendered inside the backdrop |
| className | string | '' | Additional classes added to the backdrop |
CSS variables
| Selector | Variable | Value | ||
|---|---|---|---|---|
| .pf-v5-c-backdrop | --pf-v5-c-backdrop--Position | fixed | ||
| .pf-v5-c-backdrop | --pf-v5-c-backdrop--ZIndex | 400 | ||
--pf-v5-c-backdrop--ZIndex --pf-v5-global--ZIndex--lg $pf-v5-global--ZIndex--lg 400 | ||||
| .pf-v5-c-backdrop | --pf-v5-c-backdrop--BackgroundColor | rgba(#030303, .62) | ||
--pf-v5-c-backdrop--BackgroundColor --pf-v5-global--BackgroundColor--dark-transparent-100 $pf-v5-global--BackgroundColor--dark-transparent-100 rgba($pf-v5-color-black-1000, .62) rgba(#030303, .62) | ||||
View source on GitHub