Skip to main content

CartCheckoutButton

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 (
    <CartProvider>
      <CartCheckoutButton>Checkout</CartCheckoutButton>
    </CartProvider>
  )
}

Props​

NameTypeDescription
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.