@uifabric/experiments/lib-commonjs/slots/examples/Slots.Example.js

Experimental React components for building experiences for Office 365.

"use strict";
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 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