Switch

0.6.0-alpha.7

Form switch component

Switch variants can be defined in

theme.forms

and the component uses the

theme.forms.switch

variant by default.

import { Switch } from 'theme-ui';

Enable email alerts?

	Name	Description	Default
SwitchProps (1 properties)

	label	string	-
InputHTMLAttributes (1 properties)

	Name	Description	Default
BoxOwnProps (4 properties)

	as	ElementType<any>	-
	variant	string	-
	css	Interpolation<any>	-
	sx	ThemeUIStyleObject	-
SpaceProps (28 properties)
SwitchProps (1 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
"./Label"	Label