@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
39 lines • 2.62 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
// 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