Skip to main content

CartLineImage

The CartLineImage component renders an Image component for the cart line merchandise's image. It must be a descendent of a CartLineProvider component.

Example code

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

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

return lines.map((line) => {
return (
<CartLineProvider key={line.id} line={line}>
<CartLineImage />
</CartLineProvider>
);
});
}

Component type

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