created:3/15/2021
updated:3/15/2021
source lines:23
comments %:0
Badge
theme-ui
0.6.0-alpha.7Badge variants can be defined in
theme.badges. The Badge component uses theme.badges.primary as its default variant.Name | Description | Default | Controls |
|---|---|---|---|
| mt | Margin on top ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>> | - | |
| ml | Margin on left ResponsiveValue<stringnumbersymbol, Required<Theme<TLengthStyledSystem>>> | - |
Name | Description | Default | |
|---|---|---|---|
BoxOwnProps (4 properties) | |||
| as | ElementType<any> | - | |
| variant | string | - | |
| css | Interpolation<any> | - | |
| sx | ThemeUIStyleObject | - | |
SpaceProps (28 properties) | |||
HTMLAttributes (44 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" |