Examples
Documentation
Overview
This component puts a backdrop over the entire viewport.
Usage
Class | Applied to | Outcome |
|---|---|---|
.pf-c-backdrop | <div> | Initiates backdrop. Required |
.pf-c-backdrop__open | <body> | Lock scrolling when backdrop is active. This class should be set on <body> while backdrop is active and removed while backdrop is inactive. Required |
CSS variables
| .pf-c-backdrop | --pf-c-backdrop--Position | fixed | |
| .pf-c-backdrop | --pf-c-backdrop--ZIndex | 400 | |
| .pf-c-backdrop | --pf-c-backdrop--BackgroundColor | rgba(#030303, .62) | |
View source on GitHub
