Skip to main content

TVEmergencyScreen

TVEmergencyScreen — Prism component.

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

When to use

TVEmergencyScreen — Prism component.

Accessibility

Designed for the ten-foot / remote experience: large focus targets, a single bright focus highlight, D-pad navigation, and high-contrast type. Honours data-scale="cinema".

Import

const { TVEmergencyScreen } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
badgeReact.ReactNodeUppercase badge label. Default "Emergency".
iconstringlucide icon name for the badge. Default "TriangleAlert".
titleReact.ReactNodeHuge headline.
messageReact.ReactNodePrimary message.
instructionsReact.ReactNode[]Step/instruction chips.