Unchecked by default
Checked by default
Disabled unchecked
Disabled checked
Pale unchecked by default
Pale checked by default
Pale disabled unchecked
Pale disabled checked
With label
import {render} from 'react-dom'; import React from 'react'; import Toggle from '@jetbrains/ring-ui/components/toggle/toggle'; render( , document.getElementById('toggle-unchecked') ); render( , document.getElementById('toggle-checked') ); render( , document.getElementById('toggle-unchecked-disabled') ); render( , document.getElementById('toggle-checked-disabled') ); render( , document.getElementById('pale-toggle-unchecked') ); render( , document.getElementById('pale-toggle-checked') ); render( , document.getElementById('pale-toggle-unchecked-disabled') ); render( , document.getElementById('pale-toggle-checked-disabled') ); render( Label, document.getElementById('with-label') );