فهرست رویدادها

agenda-viewکامپوننت تقویم

روزهای دارای رویداد با برچسب «امروز» و «فردا»، ساعت و مکان هر رویداد، و تعطیلی‌ها به‌عنوان یک خط جدا تا روز خلوت با روز تعطیل اشتباه نشه.

سیستم طراحی

۱۸ مهر تا ۱ آبان ۱۴۰۵

نصب

با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.
$ npx vibefarsi add agenda-view
نصب دستی
محتوای تب «کد» را در components/calendar/agenda-view.tsx بگذارید. پیش‌نیاز: calendar-core.
$ npm i lucide-react
کپی کل فایلregistry json

usage.tsx

1import { AgendaView } from "@/components/calendar/agenda-view"23<AgendaView events={events} days={7} onEventClick={(e) => openEvent(e.id)} />

پراپ	نوع	پیش‌فرض	توضیح
days	number	14	چند روز از تاریخ شروع پوشش داده میشه.
showOccasions	boolean	true	تعطیلات و مناسبت‌ها هم در روز خودشون بیان.
toolbar	boolean	true	برای کارت داشبورد خاموشش کنید.