Shadcn.io is not affiliated with official shadcn/ui
Checkout Hotel Reservation
A hotel reservation checkout block for React and Next.js with hotel name, room type, check-in and check-out dates, guest count, nightly rate, extras selection, and cancellation policy notice built with shadcn/ui and Tailwind CSS
Complete hotel reservations with this checkout block for React and Next.js. Displays hotel name, room type, check-in and check-out dates, guest count, nightly rate calculation, optional extras like breakfast, parking, and late checkout, plus a clear cancellation policy notice. Built with TypeScript, shadcn/ui Button, Badge, and Switch components, and Tailwind CSS. Perfect for hotel booking engines, travel platforms, and hospitality management dashboards.
Related Components
Travel Booking Checkout
Flight and travel booking checkout
Event Ticket Checkout
Event ticket purchase checkout
Restaurant Order Checkout
Food delivery order checkout
Appointment Booking Checkout
Service appointment checkout
Pricing Blocks
Pricing tables and plan selectors
FAQ
Was this page helpful?
Sign in to leave feedback.
Guest Account
A checkout block for React and Next.js with guest vs sign-in toggle, express checkout buttons for Google Pay and Apple Pay, email and shipping form, and payment section using shadcn/ui Input, Label, Button, Separator, and Tailwind CSS
Installments
A buy now pay later installment checkout block for React and Next.js with plan selector, four equal payment amounts with dates, monthly preview, interest rate display, and APR notice built with shadcn/ui and Tailwind CSS