TVTopBar
TVTopBar — Prism component.
Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggleWhen to use
TVTopBar — 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 { TVTopBar } = window.PrismDesignSystem_39d121;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
brand | React.ReactNode | — | Brand: a string (renders the Prism mark + label) or a custom node. |
end | React.ReactNode | — | Right-aligned status/account slot (clock, search, avatar). |
children | React.ReactNode | — | Center content, typically <TVTabs>. |