# Title detail

Title detail: a free component, built on your design tokens, to use on the detail page of a series, film, course or show. A film or series page: a still with the title, year, age rating, seasons and score, then Resume, My list, rate and share, the synopsis, the cast with portraits, a season switch and episode rows with stills and progress.

Prompt: Add the OpenDesigner component title-detail to this project: https://opendesigner.dev/library/r/title-detail.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: season 1, season 2, watched, in progress, in my list, rated, hover, focus.

Accessibility: An article named by its title; the season switch is a native radio group, My list and the like button are toggle buttons with aria-pressed, and each episode row is one button that says its number, title and time left.

File: https://opendesigner.dev/library/r/title-detail.html