GalleryWithLinkBlocks
LinkBlock-focused gallery row for image-led navigation and category discovery.
Best for
Import
import { GalleryWithLinkBlocks } from "@enadhq/enad-react-sdk/client/storefront"When to use it
Use GalleryWithLinkBlocks when each gallery item is primarily a destination. It is a good fit for category discovery, room-based browsing, and editorial wayfinding sections that rely on strong imagery plus a clear click target.
Compared with the generic Gallery wrapper, this component is more opinionated about the intended child shape and browsing behavior.
Composition notes
The wrapper expects LinkBlock-style children. heading gives the row a section label, while the children carry the real title, image, and destination content.
Keep the child cards consistent in aspect ratio and content weight. The row works best when all tiles feel like one coherent navigation set.
Behavior and theming guidance
Use this component when the images matter as much as the destinations. If the links are short text shortcuts without editorial imagery, QuickLinks is usually a better fit.
Let the gallery row own the section rhythm and let each LinkBlock own the card styling. That split keeps the wrapper reusable across different campaigns and content sets.
Examples
Live examples you can edit directly in the sandbox.
Shop by room
Use this wrapper when the children are destination-first tiles and the section should browse like a curated row.
Slots
Component Sets
Preview the first example across the available component-set presets to compare tone, spacing, and structural defaults.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | — | No description yet. |
| classNames | Partial<Record<import("@enadhq/enad-react-sdk/client/storefront/types").GalleryWithLinkBlocksSlot, string>> | — | No description yet. Slot keys headingrootcarouselcarouselContentcarouselItemcarouselShell |
| className | string | — | No description yet. |