---
name: ToggleSwitch
menu: UI
route: /ToggleSwitch
---

import { Playground, Props } from 'docz'
import { useState } from 'react'
import ToggleSwitch, { ToggleState } from '@redoute/toggle-switch'

ToggleSwitch

The ToggleSwitch is a styled component

{() => {
const [val1, setVal1] = useState(true)
const [val2, setVal2] = useState(false)
const [val3, setVal3] = useState(false)
return (
<>
setVal1(!val1)} htmlId='test'>
{(checked) => {checked ? 'On' : 'Off'}}

setVal2(!val2)}>
{(checked) => Disabled}

setVal3(!val3)}>
{(checked) => {checked ? 'On' : 'Off'}}


)
}}

Props