Exact exports, props, slots, hooks, and runtime behavior belong to SDK package reference. Examples are guidance unless explicitly marked copy-paste-safe.

Review component intent and composition guidance before wiring this component into an app. Then use the live playground to confirm the rendered behavior.

Playground

• Import path: @enadhq/enad-react-sdk/client/storefront.
• Live playground: /components/storefront/gallery-with-link-blocks.

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.

Contract scope

• Use SDK package reference for exact props, exports, slots, hooks, and runtime behavior.
• Public import: @enadhq/enad-react-sdk/client/storefront.
• Playground route: /sandbox?component=GalleryWithLinkBlocks.
• Copy/paste scope: guidance-only. Treat examples as guidance until checked against SDK package reference.

Implementation notes