UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

33 lines 2.01 kB
define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Button"], function (require, exports, tslib_1, React, Button_1) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var ButtonCommandExample = /** @class */ (function (_super) { tslib_1.__extends(ButtonCommandExample, _super); function ButtonCommandExample() { return _super !== null && _super.apply(this, arguments) || this; } ButtonCommandExample.prototype.render = function () { var _a = this.props, disabled = _a.disabled, checked = _a.checked; return (React.createElement("div", null, React.createElement("div", { style: { display: 'flex', alignItems: 'stretch', height: '40px' } }, React.createElement(Button_1.CommandButton, { "data-automation-id": "test", disabled: disabled, checked: checked, iconProps: { iconName: 'Add' }, text: "Create account", menuProps: { items: [ { key: 'emailMessage', text: 'Email message', iconProps: { iconName: 'Mail' } }, { key: 'calendarEvent', text: 'Calendar event', iconProps: { iconName: 'Calendar' } } ] } }), React.createElement(Button_1.CommandButton, { "data-automation-id": "test2", disabled: disabled, checked: checked, iconProps: { iconName: 'Mail' }, text: "Send Mail" })))); }; return ButtonCommandExample; }(React.Component)); exports.ButtonCommandExample = ButtonCommandExample; }); //# sourceMappingURL=Button.Command.Example.js.map