Switch

A native checkbox input, styled as a switch with pure CSS.

Nah

Yeah

color base brand

size sm md lg

--- 
import { Switch } from 'fulldev-ui'
---

<Switch
  color="base"
  size="md"
  trueLabel={"Yeah"}
  falseLabel={"Nah"}
/>

Props

Prop	Type	Default
color	base | brand	-
size	sm | md | lg	-
trueLabel	string	-
falseLabel	string	-
text	string	-
html	string	-
as	HTMLTag	span
HTML Attributes	Polymorphic<as>	-

Examples

size

The size prop cascades: it is inherited from the parent and it is applied to all children.

---
import { Switch } from 'fulldev-ui'
---

<Switch size="sm" />
<Switch size="md" />
<Switch size="lg" />