Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
React
Usage
import { Grid } from '@zalify-ui/react'
<Grid columns={3} gap="4">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</Grid>
Props
| Prop | Default | Type |
|---|---|---|
gap | ConditionalValue<CSSProperties['gap']> | |
columnGap | ConditionalValue<CSSProperties['gap']> | |
rowGap | ConditionalValue<CSSProperties['gap']> | |
columns | ConditionalValue<number>The number of equal-width columns in the grid. | |
minChildWidth | ConditionalValue<Token<'sizes'> | CSSProperties['width']>The minimum width of each child before wrapping. Uses repeat(auto-fit, minmax(...)). |