GridContainer
GridContainer makes it simple to arrange content in a responsive CSS grid with built-in spacing tokens and alignment utilities.
Prop | Type | Default value |
|---|---|---|
Prop gap | Type 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'unset' | Default value 'inherit' |
Prop columnGap | Type same as gap | Default value undefined |
Prop rowGap | Type same as gap | Default value undefined |
Prop alignItems | Type 'start' | 'center' | 'end' | 'stretch' | Default value 'stretch' |
Prop justifyContent | Type 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'stretch' | 'end' | 'left' | 'right' | Default value 'stretch' |
Prop isResponsive | Type boolean | Default value true |