مراحل کار
stepsبلاکسه قدم شمارهدار با اعداد فارسی که در دسکتاپ با یک خط نقطهچین به هم وصل میشن.
لندینگ
چطور کار میکند
در سه قدم بفروشید
- ۱
ثبتنام کنید
با شمارهی موبایل و بدون کارت بانکی، زیر یک دقیقه.
- ۲
محصول بگذارید
عکس و قیمت را بدهید، توضیح را هوش مصنوعی مینویسد.
- ۳
بفروشید
درگاه و پست از روز اول وصل است، فقط لینک را بفرستید.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add stepsنصب دستی
محتوای تب «کد» را در
components/blocks/steps.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { StepsBlock } from "@/components/blocks/steps"23<StepsBlock eyebrow="چطور کار میکند" title="در سه قدم بفروشید" steps={[4 { title: "ثبتنام", description: "با شمارهی موبایل، بدون کارت بانکی." },5 { title: "محصول بگذارید", description: "عکس و قیمت، بقیه با ما." },6 { title: "بفروشید", description: "درگاه و پست از روز اول وصله." },7]} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| icon | Component | - | بهجای شماره، آیکون نشون میده. |