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:
Link Grid
What it does: A grid of styled link tiles — each tile has a title, link URL, icon, and optional description. Useful for navigation hubs, resource directories, and "Quick Links" sections. An alternate card display mode shows white icon cards.
When to use it: Department navigation pages, resource indexes, "Explore Our Programs" sections.
How to Add
- Edit the page node.
- Click Add Component → Link Grid.
Top-Level Fields
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Link Grid Title | Section heading | No | — |
| Link Grid Subtitle | Supporting subtitle | No | — |
| Link Grid Description | Intro text | No | Supports rich text |
| Link Grid Display | Default, 2 Across, 3 Across, 4 Across, 5 Across | Yes | Default: Default |
| Link Grid Items | Individual tiles (see below) | No | — |
| Alternate Card Display | White icon cards instead of standard tiles | No | — |
| Center & Constrain Layout | Limits width to 1280px | No | — |
Link Grid Item Fields (per tile)
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Title | Text label displayed on the tile | No | — |
| Link | URL destination for the tile | No | Use relative paths for internal links (e.g., /programs/mba) |
| Icon | Upload an icon image (png, gif, jpg, webp, svg) | No | Alt text is optional for icons |
| Quick Description | Short supporting text below the title | No | — |
How to Update
- Edit the page, open the Link Grid component.
- Update tile titles or URLs, add tiles with Add Item, remove with ×.
- Adjust the Link Grid Display column count if the number of tiles has changed.
- Save.
⚠️ For internal links, always use the relative path starting with /, not the full domain. This prevents broken links if the domain ever changes.