@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
36 lines • 2.75 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
// tslint:disable:jsx-key
var SlotsContentExample = /** @class */ (function (_super) {
tslib_1.__extends(SlotsContentExample, _super);
function SlotsContentExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
SlotsContentExample.prototype.render = function () {
return (React.createElement(office_ui_fabric_react_1.Stack, tslib_1.__assign({}, SlotExampleUtils_1.stackProps),
React.createElement(experiments_1.Button, { content: 1 },
React.createElement("p", null, "Content: Integer")),
React.createElement(experiments_1.Button, { content: "Content: String" }),
React.createElement(experiments_1.Button, { content: { weight: 'bold', children: 'Content: Props, weight: bold' } }),
React.createElement(experiments_1.Button, { content: function () { return React.createElement(office_ui_fabric_react_1.Spinner, null); } },
React.createElement("p", null, "Content: Function, Spinner")),
React.createElement(experiments_1.Button, { content: function (render) {
return render(function (ContentType, contentProps) { return (React.createElement("b", null,
"Content: ",
React.createElement(ContentType, tslib_1.__assign({}, contentProps), "TextType"))); });
} },
React.createElement("p", null, "Content: Function, Text + ContentType")),
React.createElement(experiments_1.Button, { content: { children: 'Content: Child String' } }),
React.createElement(experiments_1.Button, { content: { children: ['Content: Child 1,', ' Child 2'] } }),
React.createElement(experiments_1.Button, { content: React.createElement(office_ui_fabric_react_1.Text, null, "Content: JSX Element") }),
React.createElement(experiments_1.Button, { content: "Content: With Children" },
React.createElement("p", null, "Button Child 1"),
React.createElement("p", null, "Button Child 2"))));
};
return SlotsContentExample;
}(React.Component));
exports.SlotsContentExample = SlotsContentExample;
});
//# sourceMappingURL=Slots.Content.Example.js.map