Toggle

Install and import

yarn add @welcome-ui/toggle @xstyled/styled-components @xstyled/system react react-dom styled-components

import { Toggle } from '@welcome-ui/toggle'

Examples

Use checked property

Show editor

Disabled

With the disabled property

Show editor

ConnectedField

Examples with ConnectedField

Toggle with a label
Disabled with a label
{
  "toggle": true,
  "toogle-checked": true,
  "toogle-disabled": true,
  "toggle-label": false,
  "disabled-label": true
}
{
  "toggle": true,
  "toogle-checked": true,
  "toogle-disabled": true,
  "toggle-label": false,
  "disabled-label": true
}
Show editor

Properties

Dependencies

• - @welcome-ui/checkbox
  ^3.0.0
• - @welcome-ui/system
  ^3.0.0
• - reakit
  ^1.3.6

Peer dependencies

• - @xstyled/styled-components
  ^2.2.3
• - @xstyled/system
  ^2.2.3
• - react
  ^16.10.2 || ^17.0.1
• - react-dom
  ^16.10.2 || ^17.0.1
• - styled-components
  ^5.2.1