Backdrop

Examples

Basic

Basic screenshot

Props

Backdrop

*required
NameTypeDefaultDescription
childrenReact.ReactNodenullContent rendered inside the backdrop
classNamestring''Additional classes added to the backdrop

CSS variables

Expand or collapse columnSelectorVariableValue
.pf-v6-c-backdrop--pf-v6-c-backdrop--Position
fixed
.pf-v6-c-backdrop--pf-v6-c-backdrop--ZIndex
400
  • --pf-v6-c-backdrop--ZIndex
  • --pf-t--global--z-index--lg
  • --pf-t--global--z-index--400
  • 400
.pf-v6-c-backdrop--pf-v6-c-backdrop--BackgroundColor
(In light theme) rgba(21, 21, 21, 0.2000)
  • --pf-v6-c-backdrop--BackgroundColor
  • --pf-t--global--background--color--backdrop--default
  • --pf-t--global--background--color--500
  • rgba(21, 21, 21, 0.2000)