Product Tiles
ProductTile
Displays a tile for the product specified by the productId prop. When the user clicks anywhere on the product tile (not necessarily on the button), the product details are presented.
Example:

<ProductTile productId="5c751cf82d3f3b0001bcec8c" />
Properties
Name | Description | Type | required | Default |
---|---|---|---|---|
productId | Tipser product id (where to find ) | string | true | none |
orientation | image and product details alignment | 'horizontal' or 'vertical' | false | vertical |
size | the size of the product tile | 'small', 'medium' or 'large' | false | 'medium' |
onProductClick | a callback called when the product is clicked (Tipser's product object is passed as the only argument) | function | false | none |
className | a custom CSS class name to apply | string | false | none |
Updated 11 months ago