Category previews

Image-card grid for surfacing ecommerce categories on a landing page.

Preview

Desk and Office

Desk and Office

Shop now →
Self-Improvement

Self-Improvement

Shop now →
Travel

Travel

Shop now →

React preview

LiveView (HEEx) 

alias DesignSystem.UI.CategoryPreviews

<CategoryPreviews.category_previews categories={@categories} />

React (JSX) 

import { CategoryPreview } from "../ui/index.mjs"

<CategoryPreview categories={categories} />