Skip to main content

LockedOverlay

LockedOverlay — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

LockedOverlay — Prism component.

Accessibility

Explains why access is limited in text, not colour alone, and offers the next action (request access). Banners use role="status".

Import

const { LockedOverlay } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
titleReact.ReactNode
descriptionReact.ReactNode
actionsReact.ReactNode
iconReact.ReactNode
childrenReact.ReactNodeThe real (blurred) content shown beneath the lock veil.