نمای ماه

نصب

1. با CLI

   اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

   $ npx vibefarsi add month-view

2. نصب دستی

   محتوای تب «کد» را در components/calendar/month-view.tsx بگذارید. پیش‌نیاز: calendar-core، popover.

   $ npm i lucide-react
   کپی کل فایلregistry json

استفاده

1import { MonthView } from "@/components/calendar/month-view"23<MonthView4  events={events}5  selected={selectedKey}6  onDayClick={(date) => setSelectedKey(dayKey(date))}7  onEventClick={(e) => openEvent(e.id)}8/>

پراپ‌ها

نکته‌ها

• زیر حدود ۵۶۰ پیکسل نوارها به نقطه‌های رنگی تبدیل میشن تا روی موبایل خونه‌ها شلوغ نشن.