created:3/15/2021
updated:3/15/2021
source lines:29
comments %:14
Box
theme-ui
0.6.0-alpha.7Use the
Box component as a layout primitive to add margin, padding, and colors to content.Name | Description | Default | Controls | |
|---|---|---|---|---|
SpaceProps (1 properties) | ||||
| p | Padding on top, left, bottom and right ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>> | - | ||
TextColorProps (1 properties) | ||||
BackgroundColorProps (1 properties) | ||||
Name | Description | Default | |
|---|---|---|---|
BoxOwnProps (4 properties) | |||
| as | ElementType<any> | - | |
| variant | string | - | |
| css | Interpolation<any> | - | |
| sx | ThemeUIStyleObject | - | |
SpaceProps (28 properties) | |||
TextColorProps (1 properties) | |||
BackgroundColorProps (2 properties) | |||
OpacityProps (1 properties) | |||
HTMLAttributes (43 properties) | |||
AriaAttributes (48 properties) | |||
DOMAttributes (161 properties) | |||
Attributes (1 properties) | |||
- (1 properties) | |||
package | imports | peer |
|---|---|---|
@emotion/styled | styled | |
@styled-system/color | color | |
@styled-system/should-forward-prop | createShouldForwardProp | |
@styled-system/space | space | |
@theme-ui/css 0.6.0-alpha.7 | getcss |