@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
30 lines • 1.85 kB
JavaScript
define(["require", "exports", "tslib", "react", "office-ui-fabric-react", "@uifabric/fluent-theme"], function (require, exports, tslib_1, React, office_ui_fabric_react_1, fluent_theme_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var FluentThemeBasicExample = /** @class */ (function (_super) {
tslib_1.__extends(FluentThemeBasicExample, _super);
function FluentThemeBasicExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
FluentThemeBasicExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement("h2", null, "Current theme"),
this._renderComponents(),
React.createElement("h2", null, "Fluent color theme"),
React.createElement(office_ui_fabric_react_1.Customizer, tslib_1.__assign({}, fluent_theme_1.FluentCustomizations), this._renderComponents())));
};
FluentThemeBasicExample.prototype._renderComponents = function () {
return (React.createElement("div", null,
React.createElement(office_ui_fabric_react_1.Link, { disabled: true }, "Disabled link"),
React.createElement(office_ui_fabric_react_1.Breadcrumb, { items: [
{ text: 'Files', key: 'Files' },
{ text: 'This is folder 1', key: 'f1' },
{ text: 'This is folder 2', key: 'f2' },
{ text: 'This is folder 3', key: 'f3', isCurrentItem: true }
] })));
};
return FluentThemeBasicExample;
}(React.Component));
exports.FluentThemeBasicExample = FluentThemeBasicExample;
});
//# sourceMappingURL=FluentTheme.Basic.Example.js.map