| Table of Contents | ||||||||
|---|---|---|---|---|---|---|---|---|
|
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
| Panel | ||||||||
|---|---|---|---|---|---|---|---|---|
| ||||||||
The product card component is a sibling of the Card component. Product cards are designed to be used for products and allow you to feature a set of attributes that summarise the product. Product cards link to a product’s PDP where the user can obtain more information.
| Table of Contents | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
Usage
| Tip |
|---|
Do’s |
| Warning |
|---|
Dont's |
Anatomy
Item | Component type | Content type | Notes | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
1 | Tag | n/a | Text |
| ||||||
2 | Image | Image | JPG, PNG |
| ||||||
3 | Overline | Text |
| |||||||
4 | Heading | Text |
| |||||||
5 | Description | Text |
| |||||||
6 | Disclaimer | Text |
| |||||||
7 | Card surface | n/a | n/a | Visible for 'standard' variant. |
Visual style
tbd
Editorial
tbd
Behaviour
tbd
Accessibility
tbd