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
  ^2.0.2
• - @welcome-ui/system
  ^2.0.2
• - reakit
  ^1.1.1

Peer dependencies

• - @xstyled/styled-components
  ^1.17.0
• - @xstyled/system
  ^1.17.0
• - react
  ^16.10.2
• - react-dom
  ^16.10.2
• - styled-components
  ^4.0.0 || ^5.0.0