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

Input

theme-ui
0.6.0-alpha.7

Input variants can be defined in

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

import { Input } from 'theme-ui';

Overview

Name
Description
Default
Controls
defaultValue
string | number | readonly string[]
-

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)

package
imports
peer
react
React

file
imports
"./Box"
Box