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. |
props.setActiveEditItem | function |
Function for setting the actively editing item 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.