CardGrid #

Arrange cards in responsive columns.

Props #

PropTypeRequiredDescription
columnsnumberNoPreferred column count.
childrenReactNodeYesUsually Card elements.

Live examples #

2-column grid #

Guides

How-to docs

Reference

Detailed APIs

3-column grid #

Authoring

MDX writing patterns

Config

JSON-driven setup

Deploy

GitHub Pages workflow

Code #

mdx
<CardGrid columns={2}>
<Card title="Guides" description="How-to docs" />
<Card title="Reference" description="Detailed APIs" />
</CardGrid>