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

Checkbox

theme-ui
0.6.0-alpha.7

Checkbox variants can be defined in

theme.forms
and the component uses the
theme.forms.checkbox
variant by default.

Component

import { Checkbox } from 'theme-ui';

Overview

({ checked }) => (
<Checkbox defaultChecked={checked} />
)

Controls

Name
Description
Default
Controls
checked
boolean
-

Properties

Name
Description
Default
BoxOwnProps (4 properties)
as
ElementType<any>
-
variant
string
-
css
Interpolation<any>
-
sx
ThemeUIStyleObject
-
SpaceProps (28 properties)
InputHTMLAttributes (34 properties)
HTMLAttributes (43 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (160 properties)
Attributes (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)

External dependencies

package
imports
peer
react
React

Internal dependencies

file
imports
"./Box"
"./SVG"
SVG

Component JSX