Shadcn.io is not affiliated with official shadcn/ui
Checkout Invoice Request
A B2B pay-by-invoice checkout block for React and Next.js with company name, VAT number, PO number fields, invoice delivery email, payment terms selector, and billing contact form built with shadcn/ui and Tailwind CSS
Streamline B2B purchasing with this pay-by-invoice checkout block for React and Next.js. Features company details fields including name, VAT number, and PO number, an invoice delivery email input, a payment terms selector with Net 30 and Net 60 options, and a billing contact section. Built with TypeScript, shadcn/ui Button, Input, and Select components, Lucide icons, and Tailwind CSS. Ideal for enterprise sales flows, B2B e-commerce, and procurement-friendly checkout experiences.
Related Components
Split Payment
Split across multiple methods
Installments Checkout
Buy now pay later installment plans
Crypto Checkout
Cryptocurrency payment checkout
Pickup & Delivery
Pickup vs delivery selection
Billing Address
Billing address form
Order Summary
Complete order summary view
FAQ
Was this page helpful?
Sign in to leave feedback.
International
An international checkout block for React and Next.js with country selector, currency display, international shipping options, customs duty estimate, and adaptive address format using shadcn/ui Select, Input, Label, Button, RadioGroup, and Tailwind CSS
Item Variants
A React and Next.js checkout block with inline variant selectors for size and color on each cart item, live price updates, and order summary using shadcn/ui Select, Button, and Tailwind CSS