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 5 months ago