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:
Image Gallery
What it does: Displays a collection of images in a gallery format. Each image can have a caption. The gallery is built from individual Image Gallery Item sub-components, so images are managed one by one.
When to use it: Event recaps, campus photo collections, visual storytelling sections.
How to Add
- Edit the page node.
- Click Add Component → Image Gallery.
Top-Level Fields
| Field Label | What to Enter | Required? |
|---|---|---|
| Heading | Gallery section heading | No |
| Subheading | Supporting subtitle | No |
| Description | Intro text above the gallery | No |
| Items | Individual image items (see below) | No |
Image Gallery Item Fields (per image)
| Field Label | What to Enter | Required? | Notes |
|---|---|---|---|
| Image | Select from media library or upload (webp, png, jpg) | No | Min 543×362px; max 16MB. Alt text is required — describe what the image shows. |
| Image Caption | Short descriptive text displayed below or alongside the image | No | Plain text only — no formatting |
How to Update
- Edit the page, open the Image Gallery component.
- Click Add Item for each new image, fill in Image and Caption fields.
- Remove outdated images with ×.
- Reorder images using the drag handle — the order in the editor is the order on the page.
- Save.
⚠️ Alt text: For every image that conveys meaning, write a clear plain-language description (e.g., "Students at the MBA orientation welcome reception, Uris Hall"). If an image is purely decorative, leave the alt text field empty — do not type "image" or skip the field.