Collection of theme-ui and external components.
Theme UI
created:3/15/2021
updated:3/15/2021
source lines:31
comments %:0

Grid

theme-ui
0.6.0-alpha.7

CSS grid layout component to arrange direct child elements in a tiled grid layout.

import { Grid } from 'theme-ui';

Columns

Box
Box
Box
Box

Name
Description
Default
Controls
- (2 properties)
col1

number of (equally-sized) columns in first position

number
2
col3

number of (equally-sized) columns in third position

number
4
GridProps (1 properties)

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
HTMLAttributes (44 properties)
GridProps (3 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)

package
imports
peer
react
React

file
imports
"./Box"
Box

Stories

Width

Box
Box
Box
Box

Fractions

Box
Box
Box
Box