Product Listing components

Functions

ProductListing(props)React.Element

A child component of the CartPage component. This component renders the product listing on the cart page.

EditModal(props)React.Element

A child component of the ProductListing component. This component renders an edit modal for a product.

ProductListing(props) ⇒ React.Element

A child component of the CartPage component. This component renders the product listing on the cart page.

Kind: global function

Param Type Description
props Object  
props.setIsCartUpdating function Function for setting the updating state of the cart.
props.classes Object CSS className overrides. See productListing.css for a list of classes you can override.

Example (Importing into your project)

import ProductListing from "@magento/venia-ui/lib/components/CartPage/ProductListing";

EditModal(props) ⇒ React.Element

A child component of the ProductListing component. This component renders an edit modal for a product.

Kind: global function

Param Type Description
props Object  
props.item Object Product to edit. See productListingFragments.js for a list of properties for this object.
props.setIsCartUpdating function Function for setting the updating state of the cart.
props.classes Object CSS className overrides. See editModal.css for a list of classes you can override.

Example (Importing into your project)

import EditModal from "@magento/venia-ui/lib/components/CartPage/ProductListing/EditModal";

For implementation details View Source.

Talons

The Product Listing components use the Product Listing Talons to perform side effects and calculate the values for rendering the JSX content.