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';

Width

Box
Box
Box
Box

Name
Description
Default
Controls
width1

minimum width of first child element

number
128
width3

minimum width of third child element

number
192

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

Columns

Box
Box
Box
Box

Fractions

Box
Box
Box
Box