# Podcast episodes

Podcast episodes: a free component, built on your design tokens, to use on a podcast or audio-course show page. A show's episode list: date and length, a two-line description, a play button that shows how much is left of a half-played episode, a played mark, and a download button that goes from download to a progress ring to done.

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

States: new, playing, half played, played, downloading, downloaded, hover, focus.

Accessibility: Each episode is a list item with its title as a heading; play names the episode and the time left, and the download button says its state (download, downloading with the percent, downloaded) in its name.

File: https://opendesigner.dev/library/r/podcast-episodes.html