Cart
component
The component creates a context for using a cart line.
Anchor to propsProps
Anchor to children
children
ReactNode
required
Any elements.
Anchor to line
line
required
A cart line object.
Was this section helpful?
Example code
import {CartLineProvider, useCartLine} from '@shopify/hydrogen-react';
export function CartWrapper({cart}) {
const firstCartLine = cart.lines.nodes[0];
return (
<CartLineProvider line={firstCartLine}>
<CartLineQuantity />
</CartLineProvider>
);
}
function CartLineQuantity() {
const cartLine = useCartLine();
return <div>{cartLine.quantity}</div>;
}
