# Habit tracker

Habit tracker: a free component, built on your design tokens, to use in a health, wellbeing or self-improvement app, for ticking off daily habits. Daily habits with this week as a row of check circles you tap, a streak per habit that updates as you tick, how many are done today, and a button to add a habit.

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

States: done, not done, today, future day, no streak, hover, pressed, focus.

Accessibility: Each day is a toggle button with aria-pressed and its full date as its name, grouped per habit; days still to come are disabled, and the done-today count is a polite live region.

File: https://opendesigner.dev/library/r/habit-tracker.html