ردیف قیمت
pricingبلاکسه پلن با قیمت تومانی، تب ماهانه/سالانه با دو ماه رایگان و پلن پیشنهادی برجسته.
قیمتتبدیل
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add pricingنصب دستی
محتوای تب «کد» را در
components/blocks/pricing.tsxبگذارید. پیشنیاز: button، badge، price، tabs.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1import { PricingBlock } from "@/components/blocks/pricing"23<PricingBlock plans={[4 { name: "شروع", monthly: 0, description: "برای امتحان", features: ["۱۰ محصول"] },5 { name: "حرفهای", monthly: 290_000, description: "برای رشد", features: ["نامحدود", "دامنه"], highlighted: true },6]} />