Grid | Zalify UI

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>

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(...)).