TVModal

TVModal — Prism component.

Signature

Density

Viewport

Theme follows the navbar ☀/☾ toggle

Live demo

Open ↗

When to use

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

Props

Prop	Type	Required	Description
open	boolean	—	Render the modal. Default true.
title	React.ReactNode	—	Heading.
children	React.ReactNode	—	Body; a string renders as a paragraph, otherwise rendered as-is.
actions	React.ReactNode	—	Action row, typically <TVButton>s.
onClose	() =&gt; void	—	Called when the modal should close (wire to the scene's onBack).