HTML

Backdrop

This component puts a backdrop over the entire viewport.

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


--pf-c-backdrop--BackdropFilter	c_backdrop_BackdropFilter	blur(10px)
--pf-c-backdrop--Color	c_backdrop_Color	rgba(3,3,3,0.62)
--pf-c-backdrop--ZIndex	c_backdrop_ZIndex	400