Skip to main content


The CartLinePrice component renders a Money component for the cart line merchandise's price or compare at price. It must be a descendent of a CartLineProvider component.

Example code

import {CartLineProvider, useCart, CartLinePrice} from '@shopify/hydrogen';

export function App() {
const {lines} = useCart();

return => {
return (
<CartLineProvider key={} line={line}>
<CartLinePrice priceType="compareAt" />


priceType?"regular" &#124; "compareAt"The type of price. Valid values:regular (default) or compareAt.

Component type

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