18Switch language to English

Activity Goal

السابقالتالي

A card component for tracking and setting daily activity goals with an interactive chart visualization.

import { CardsActivityGoal } from "@/components/atom/activity-goal"

// Cards read their copy from the site dictionary; the demo passes an empty one.
const dictionary = { locale: "en", cards: {} } as any

export default function ActivityGoalDemo() {
  return (
    <>
      <CardsActivityGoal dictionary={dictionary} />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/activity-goal

Usage

import { CardsActivityGoal } from "@/components/atom/activity-goal"
<CardsActivityGoal />