Skip to main content

RestrictedState

RestrictedState — Prism component.

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

When to use

RestrictedState — 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 { RestrictedState } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
variant"no-access" | "locked" | "read-only"
size"page" | "section" | "inline"
titleReact.ReactNode
descriptionReact.ReactNode
actionsReact.ReactNode
auxReact.ReactNode
iconReact.ReactNode