# Daily goals

Daily goals: 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. Today's steps, active minutes and water, each as a bar against its goal with a check when it's met, a hint for the step goal, and a week of small bars you can tap to see a past day.

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

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

Accessibility: Each goal's bar is a meter named after the goal, with its value and maximum; the count of goals met and the date are text; 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/daily-goals.html