UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

26 lines 1.71 kB
define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Pivot", "office-ui-fabric-react/lib/Label"], function (require, exports, tslib_1, React, Pivot_1, Label_1) { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var PivotTabsLargeExample = /** @class */ (function (_super) { tslib_1.__extends(PivotTabsLargeExample, _super); function PivotTabsLargeExample() { return _super !== null && _super.apply(this, arguments) || this; } PivotTabsLargeExample.prototype.render = function () { return (React.createElement("div", null, React.createElement(Pivot_1.Pivot, { linkFormat: Pivot_1.PivotLinkFormat.tabs, linkSize: Pivot_1.PivotLinkSize.large }, React.createElement(Pivot_1.PivotItem, { linkText: "Foo" }, React.createElement(Label_1.Label, null, "Pivot #1")), React.createElement(Pivot_1.PivotItem, { linkText: "Bar" }, React.createElement(Label_1.Label, null, "Pivot #2")), React.createElement(Pivot_1.PivotItem, { linkText: "Bas" }, React.createElement(Label_1.Label, null, "Pivot #3")), React.createElement(Pivot_1.PivotItem, { linkText: "Biz" }, React.createElement(Label_1.Label, null, "Pivot #4")), React.createElement("div", null, "content not in a PivotItem")))); }; return PivotTabsLargeExample; }(React.Component)); exports.PivotTabsLargeExample = PivotTabsLargeExample; }); //# sourceMappingURL=Pivot.TabsLarge.Example.js.map