ProductCategoryGrid

Product-top card grid, one card per business category with a tagline and a short list of representative items.

Content

Usage

import { ProductCategoryGrid } from "@zudo-sg/ui/src/landing/product-category-grid/product-category-grid";

<ProductCategoryGrid heading="Our products" categories={categories} />

Default

Narrow (card wrap)

Source

import { ProductCategoryGrid } from "@zudo-sg/ui/src/landing/product-category-grid/product-category-grid";

<ProductCategoryGrid heading="Our products" categories={categories} />

Live CSS

Injected into the previews above. ProductCategoryGrid

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */