@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
28 lines • 1.77 kB
JavaScript
define(["require", "exports", "tslib", "react", "@uifabric/experiments", "office-ui-fabric-react", "./SlotExampleUtils"], function (require, exports, tslib_1, React, experiments_1, office_ui_fabric_react_1, SlotExampleUtils_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// tslint:disable:jsx-no-lambda
var SlotsExample = /** @class */ (function (_super) {
tslib_1.__extends(SlotsExample, _super);
function SlotsExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
SlotsExample.prototype.render = function () {
return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, SlotExampleUtils_1.stackProps, { maxWidth: 400 }),
React.createElement(experiments_1.Button
// Render function usage
, {
// Render function usage
root: function (render) { return render(function (RootType, rootProps) { return React.createElement(RootType, tslib_1.__assign({}, rootProps)); }); },
// Subcomponent props usage
stack: { styles: { root: { background: 'lightblue' } } },
// Shorthand prop usage
icon: "share",
// Render function usage
content: function (render) { return render(function (ComponentType, props) { return React.createElement(office_ui_fabric_react_1.Spinner, null); }); } }, "Just a button with a spinner as its content.")));
};
return SlotsExample;
}(React.Component));
exports.SlotsExample = SlotsExample;
});
//# sourceMappingURL=Slots.Example.js.map