Input

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';

({ defaultValue }) => (
  <Input defaultValue={defaultValue} />
)

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)