Card Grid
A responsive card grid for products, strategies or case studies, with hover actions on each card and a shared detail modal.
Card Grid
A responsive card grid for products, strategies or case studies, with hover actions on each card and a shared detail modal.
When to use it
The default for browsing a collection where visual comparison matters more than order. Hover-reveal actions keep the resting state calm, so the grid reads as content rather than as a control panel.
Props · CardGrid
| Prop | Type | Default |
|---|---|---|
| cards | CardData[] | · |
Generated from the component source. Run npm run props:extract after changing a signature.