پرداخت

checkoutقالب

مسیر پرداخت از سبد تا آدرس، روش ارسال و درگاه، با خلاصه‌ی سفارش چسبان و کد تخفیف.

فروشگاهچندمرحله‌ای
تمام‌صفحه

نصب

  1. با CLI

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

    $ npx vibefarsi add checkout
  2. نصب دستی

    محتوای تب «کد» را در 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}