Back to Components
Auth
Checkout Form
Complete checkout form with contact, shipping address, and payment sections. Supports 8 style presets with self-contained Tailwind classes.
PropsUsage ExampleVariations
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/checkout-form.tsx
Installation
Using shadcn CLI
npx shadcn add checkout-form --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-mergeRelated Auth Components
Login Form
Email and password login form with validation states, remember me, forgot password, and social login buttons.
Password Reset Form
Email input form for password reset with success and error states.
Password Strength
Password input with strength meter, show/hide toggle, and requirements checklist.
Signup Form
Registration form with password strength indicator, validation states, and terms checkbox.