CardGrid
Grid layout for multiple card components
Preview
Card One
Brutalist design emphasizes raw functionality.
Brutalist design emphasizes raw functionality.
Card Two
Thick borders and bold typography define the style.
Thick borders and bold typography define the style.
Card Three
No smooth animations, just hard transitions.
No smooth animations, just hard transitions.
Props
columns
Number of columns in the grid
hoverEffect
Hover interaction style
Code
<CardGrid
items={[
{ id: '1', title: 'Card One', description: '...' },
{ id: '2', title: 'Card Two', description: '...' },
]}
columns={3}
hoverEffect="shift"
/>