@redoute/toggle-switch

Redoute toggle switch component

Usage no npm install needed!

<script type="module">
  import redouteToggleSwitch from 'https://cdn.skypack.dev/@redoute/toggle-switch';
</script>

README

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