Full-viewport blurred backdrop for modals, drawers, and flyouts, with a toggleable demo showing host-owned dismiss via click and Escape.
Available components
Toggle skrim (light)
Skrim always covers the full browser viewport by design. Show it, then dismiss it by clicking the dimmed backdrop, pressing the close button, or pressing Escape.
Show skrim
Toggle skrim (dark)
Skrim always covers the full browser viewport by design. Show it, then dismiss it by clicking the dimmed backdrop, pressing the close button, or pressing Escape.
Show skrim