Step-by-Step Guide
If you have any further questions on proper setup, please fill out our Hive Service Request form and someone from the team will help you.
Page Examples:
For visuals of the component, please see the Storybook below:
Button List
What it does: A styled list of buttons. Each button has a URL, a button type (Primary or Secondary), and an optional icon. Buttons can be set to a disabled state. The component is a container — individual buttons are added as child items.
When to use it: Resource download sections, key action areas, anywhere you need a clean set of parallel CTAs.
How to Add
- Edit the page node.
- Click Add Component → Button List.
Button Item Fields (per button)
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Button URL | URL + button label text | No | Internal paths or external URLs |
| Button Type | Primary or Secondary | Yes | Default: Primary. Use Primary for the most important action, Secondary for supporting ones. |
| Icon | Select an icon style | No | Default: right arrow |
| Disabled | Toggle to show a non-clickable disabled button | No | — |
How to Update
- Edit the page, open the Button List component.
- Edit button URLs or labels, change button type, add or remove buttons.
- Reorder with drag handles — most important action first.
- Save.
⚠️ If a button links to a PDF or document in the media library, verify the file URL hasn't changed after a re-upload. Replacing a file in the media library may change its URL.