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.

2020

Properties:

namedescriptiontyperequireddefault
classNamecustom CSS class name to applystringfalsenone

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