# Activity rings

Activity rings: a free component, built on your design tokens, to use on the home screen of a fitness or health app, for today's progress against daily goals. Three nested progress rings for move, exercise and stand, with each value against its goal, a nudge to close the first ring, and a week of small rings you can tap to see a past day.

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

States: today, past day selected, goal closed, hover, focus.

Accessibility: The rings are one image whose name reads every value against its goal; each day in the week strip is a button with its date as its name and aria-pressed for the day shown.

File: https://opendesigner.dev/library/r/activity-rings.html