office-ui-fabric-react/lib-es2015/components/Toggle/examples/Toggle.Basic.Example.js

Reusable React components for building experiences for Office 365.

/* tslint:disable:no-unused-variable */
import * as React from 'react';
/* tslint:enable:no-unused-variable */
import { Toggle } from 'office-ui-fabric-react/lib/Toggle';
// tslint:disable:jsx-no-lambda
export var ToggleBasicExample = function () { return (React.createElement("div", { style: { padding: '2px' } },
    React.createElement(Toggle, { defaultChecked: true, label: 'Enabled and checked', onText: 'On', offText: 'Off', onFocus: function () { return console.log('onFocus called'); }, onBlur: function () { return console.log('onBlur called'); } }),
    React.createElement(Toggle, { defaultChecked: false, label: 'Enabled and unchecked', onText: 'On', offText: 'Off', onFocus: function () { return console.log('onFocus called'); }, onBlur: function () { return console.log('onBlur called'); } }),
    React.createElement(Toggle, { defaultChecked: true, disabled: true, label: 'Disabled and checked', onText: 'On', offText: 'Off', onFocus: function () { return console.log('onFocus called'); }, onBlur: function () { return console.log('onBlur called'); } }),
    React.createElement(Toggle, { defaultChecked: false, disabled: true, label: 'Disabled and unchecked', onText: 'On', offText: 'Off', onFocus: function () { return console.log('onFocus called'); }, onBlur: function () { return console.log('onBlur called'); } }))); };
//# sourceMappingURL=Toggle.Basic.Example.js.map