@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
38 lines • 1.74 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var index_1 = require("../index");
var tokens1 = {
pillHoveredBackground: 'black',
textColor: 'red'
};
var tokens2 = {
pillBackground: 'orange',
pillJustifyContent: 'center',
textColor: 'purple',
thumbBackground: 'green'
};
var tokens3 = {
pillBackground: 'dimgrey',
pillBorderColor: 'brown',
textColor: 'darkred'
};
var ToggleTokensObjectExample = /** @class */ (function (_super) {
tslib_1.__extends(ToggleTokensObjectExample, _super);
function ToggleTokensObjectExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
ToggleTokensObjectExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement(index_1.Toggle, { defaultChecked: true, label: "Example 1", onText: "On", offText: "Off", onChange: this._onChange, tokens: tokens1 }),
React.createElement(index_1.Toggle, { defaultChecked: false, label: "Example 2", onText: "On", offText: "Off", onChange: this._onChange, tokens: tokens2 }),
React.createElement(index_1.Toggle, { defaultChecked: true, disabled: true, label: "Example 3", onText: "On - Disabled", offText: "Off", tokens: tokens3 })));
};
ToggleTokensObjectExample.prototype._onChange = function (ev, checked) {
console.log('toggle is ' + (checked ? 'checked' : 'not checked'));
};
return ToggleTokensObjectExample;
}(React.Component));
exports.ToggleTokensObjectExample = ToggleTokensObjectExample;
//# sourceMappingURL=Toggle.Tokens.Object.Example.js.map