Header component
| Description | Pages used | Reference image |
|---|---|---|
| Header | Product Category |
 |
| Header with cart item | Product Category |
 |
| Header with search | Homepage |  |
Page states
- Refresh - loads a cached version
Interactions
- Scroll up - The Header turns into an icon with the menu/logo. When tapped, the header expands.
- Scroll down - The purchase bar sticks to the bottom of the screen.
- Page refresh - TBD
Page specific interactions
| Page | Interaction |
|---|---|
| Homepage | Loads with the search bar displayed and open |