Menu
Components
Navigation buttons
Hey, this is an old version. View the latest
Note: This component doesn't yet exist in Storybook, preliminary image(s) shown.
On this page
Example
Best practices
- Can be used on their own or paired with a title and sub title
- Five buttons is the ideal, this goes down to four on smaller screen sizes
- The button title should be 16 characters maximum
Variants
On their own
Use the buttons on their own when they’re directly under the hero. They link out to different product pages.
Quantity
Five or ten buttons are the ideals for this componentReduction for mobile
Five will go to four on smaller screen sizes meaning this won’t show on mobile
Right aligned
You can also pair with a title and subcopy. As well as linking to product pages you can use these to direct users to guides where they can access more information on a specific type of product.
Character guidance
Component title - 35 characters Subtext - 175 characters (265 max)
Where to find this component
Documentation version history
Last updated Thursday, 17th June 2021 14:28 by Adrian T.