Skip to main content


The CartCheckoutButton component renders a button that redirects to the checkout URL for the cart. It must be a descendent of a CartProvider component.

Example code

import {CartCheckoutButton, CartProvider} from '@shopify/hydrogen';

export class MyComponent() {
return (


childrenReactNodeA ReactNode element.

Component type

The CartCheckoutButton component is a client component, which means that it renders on the client. For more information about component types, refer to React Server Components.