پرداخت
checkoutقالبمسیر پرداخت از سبد تا آدرس، روش ارسال و درگاه، با خلاصهی سفارش چسبان و کد تخفیف.
فروشگاهچندمرحلهای
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add checkoutنصب دستی
محتوای تب «کد» را در
components/templates/checkout.tsxبگذارید. پیشنیاز: stepper، number-field، phone-input، radio-group، select، textarea، input، badge، button.$ npm i lucide-reactکپی کل فایلregistry json
ساختهشده از
استفاده
usage.tsx
1// app/checkout/page.tsx2import { CheckoutPage } from "@/components/templates/checkout"34export default function Page() {5 return <CheckoutPage />6}