Checkout Page

CheckoutPage

Our standard checkout component with all necessary elements (product list, user address form, payment widget, etc) to make the purchase possible.

import { CheckoutPage } from '@tipser/tipser-elements';
// ...
<CheckoutPage />

The visual appearance of our standard checkout varies by locale—we've researched how to optimize checkout for your shoppers and have proven data that informs these user interface differences.

Properties:

name	description	type	required	default
className	custom CSS class name to apply	string	false	none

If you need more flexibility, use the ModularCheckout component instead.