@uifabric/experiments
Version:
Experimental React components for building experiences for Office 365.
30 lines • 1.56 kB
JavaScript
import * as tslib_1 from "tslib";
import * as React from 'react';
import { Link, Customizer, Breadcrumb } from 'office-ui-fabric-react';
import { FluentCustomizations } from '@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(Customizer, tslib_1.__assign({}, FluentCustomizations), this._renderComponents())));
};
FluentThemeBasicExample.prototype._renderComponents = function () {
return (React.createElement("div", null,
React.createElement(Link, { disabled: true }, "Disabled link"),
React.createElement(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));
export { FluentThemeBasicExample };
//# sourceMappingURL=FluentTheme.Basic.Example.js.map