created:3/15/2021
updated:3/15/2021
source lines:31
comments %:0
Grid
theme-ui
0.6.0-alpha.7CSS grid layout component to arrange direct child elements in a tiled grid layout.
Name | Description | Default | Controls | |
|---|---|---|---|---|
- (3 properties) | ||||
| col1 | number of (equally-sized) columns in first position number | 2 | ||
| fr1 | fraction-sized child elements number | 1 | ||
| fr2 | fraction-sized child elements number | 2 | ||
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" |