Skip to main content

TVTabs

TVTabs — Prism component.

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

When to use

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

Props

PropTypeRequiredDescription
itemsTVTabItem[]YesTabs as strings or { label, current, art } objects.
currentnumberIndex of the current tab (when items are plain strings).
onSelect(index: number, item: TVTabItem) => voidCalled with (index, item) when a tab is selected.
artstringBackdrop image URL to show when a tab is focused.