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

Button

theme-ui
0.6.0-alpha.7

Button variants can be defined in the theme.buttons object. The Button component uses theme.buttons.primary as its default variant style.

import { Button } from 'theme-ui';

Overview

Name
Description
Default
Controls
variant
string
-

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
ButtonHTMLAttributes (11 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"
Box