@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
32 lines • 1.73 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var office_ui_fabric_react_1 = require("office-ui-fabric-react");
var fluent_theme_1 = require("@uifabric/fluent-theme");
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