@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
28 lines • 1.74 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var experiments_1 = require("@uifabric/experiments");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var SlotExampleUtils_1 = require("./SlotExampleUtils");
// tslint:disable:jsx-no-lambda
var SlotsIconExample = /** @class */ (function (_super) {
tslib_1.__extends(SlotsIconExample, _super);
function SlotsIconExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
SlotsIconExample.prototype.render = function () {
return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, SlotExampleUtils_1.stackProps),
React.createElement(experiments_1.Button, { icon: "share", content: "Icon: String" }),
React.createElement(experiments_1.Button, { icon: { iconName: 'share' }, content: "Icon: Props, iconName: 'share'" }),
React.createElement(experiments_1.Button, { icon: function (render) {
return render(function (IconType, iconProps) { return (React.createElement("b", null,
"Icon: ",
React.createElement(IconType, tslib_1.__assign({}, iconProps, { iconName: "upload" })))); });
}, content: "Icon: Function, Text + Icon" }),
React.createElement(experiments_1.Button, { icon: function () { return React.createElement(office_ui_fabric_react_1.Spinner, null); }, content: "Icon: Function, Spinner" })));
};
return SlotsIconExample;
}(React.Component));
exports.SlotsIconExample = SlotsIconExample;
//# sourceMappingURL=Slots.Icon.Example.js.map