office-ui-fabric-react/lib-commonjs/components/Checkbox/examples/Checkbox.Basic.Example.js

Reusable React components for building experiences for Office 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Checkbox_1 = require("office-ui-fabric-react/lib/Checkbox");
var Stack_1 = require("office-ui-fabric-react/lib/Stack");
// Used to add spacing between example checkboxes
var stackTokens = { childrenGap: 10 };
exports.CheckboxBasicExample = function () {
    // These checkboxes are uncontrolled because they don't set the `checked` prop.
    return (React.createElement(Stack_1.Stack, { tokens: stackTokens },
        React.createElement(Checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: _onChange }),
        React.createElement(Checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", defaultChecked: true, onChange: _onChange }),
        React.createElement(Checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
        React.createElement(Checkbox_1.Checkbox, { label: "Disabled checked checkbox", disabled: true, defaultChecked: true })));
};
function _onChange(ev, isChecked) {
    console.log("The option has been changed to " + isChecked + ".");
}
//# sourceMappingURL=Checkbox.Basic.Example.js.map