پشته‌ی اعلان

نصب

1. با CLI

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

   $ npx vibefarsi add banner-stack

2. نصب دستی

   محتوای تب «کد» را در components/animations/banner-stack.tsx بگذارید. کلیدفریم را هم به globals.css اضافه کنید.

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

استفاده

1import { BannerStack } from "@/components/animations/banner-stack"23const [items, setItems] = useState([])4const push = (b) => setItems((s) => [{ id: Date.now(), ...b }, ...s].slice(0, 5))5<BannerStack items={items} />

پراپ‌ها

نکته‌ها

• برای toast معمولی از کامپوننت Toast استفاده کنید؛ این یکی را وقتی بردارید که اعلان‌ها ممکنه روی هم بیفتن و می‌خواید صف پشت سر جدیدترین دیده بشه.