Mood Tracker

Mood log card with a big emoji for today and a seven-day row of color-keyed tiny face tiles.

🙂

Mood todayGood

4 of 7 days above neutral this week.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Health17 } from "@/components/beste/piece/health17";

<Health17
  today="good"
  week={[
    "okay",
    "good",
    "great",
    "low",
    "good",
    "good",
    "great"
  ]}
  note="4 of 7 days above neutral this week."
  label="Mood today"
/>