/
Product overview
*This site is a work-in-progress and some pages are more complete than others. If you have any questions or issues, please email nick.harris@reckitt.com. *
Product overview
- Nick Harris
Owned by Nick Harris, created
The Product Overview is a snippet (not a true component) and is designed to follow the Product Header with introductory content in a larger font size.
The content of this component can be expanded in multiple ways by passing any child component you want to use as props in the Page block.
Usage
Do’s
Use this snippet to introduce products on a PDP following the product header.
Anatomy
| Item | Component type | Content type | Notes |
|---|---|---|---|---|
1 | Page block | Component |
| |
2 | Heading | Text |
| |
3 | Spacer | Component |
| |
4 | Body | Text |
|
Visual style
This snippet has no specified visual style. It's child components will be configured by the props you pass to them.
Editorial
This snippet is designed to immediately follow the Product header and acts as introductory content for the rest of the page.
Behaviour
n/a
Accessibility
n/a