TVButton
TVButton — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
TVButton — 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 { TVButton } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
variant | "glass" | "primary" | "accent" | — | Visual style. Default "glass". |
round | boolean | — | Icon-only circular button. |
icon | string | — | lucide icon name. |
iconFill | string | — | Fill for the icon (e.g. "currentColor" for a solid play triangle). |
art | string | — | Backdrop image URL to show when focused. |
onSelect | (e: React.MouseEvent) => void | — | Convenience alias for onClick. |
children | React.ReactNode | — |