office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
58 lines (56 loc) • 2.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/* tslint:disable:no-unused-variable */
var React = require("react");
/* tslint:enable:no-unused-variable */
var Utilities_1 = require("office-ui-fabric-react/lib/Utilities");
var Button_1 = require("office-ui-fabric-react/lib/Button");
var Link_1 = require("office-ui-fabric-react/lib/Link");
var OverflowSet_1 = require("office-ui-fabric-react/lib/OverflowSet");
var stylesImport = require("./OverflowSet.Example.scss");
var styles = stylesImport;
var OverflowSetBasicExample = (function (_super) {
tslib_1.__extends(OverflowSetBasicExample, _super);
function OverflowSetBasicExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
OverflowSetBasicExample.prototype.render = function () {
return (React.createElement(OverflowSet_1.OverflowSet, { items: [
{
key: 'item1',
name: 'Link 1',
ariaLabel: 'New. Use left and right arrow keys to navigate',
onClick: function () { return; },
},
{
key: 'item2',
name: 'Link 2',
onClick: function () { return; },
},
{
key: 'item3',
name: 'Link 3',
onClick: function () { return; }
}
], overflowItems: [
{
key: 'item4',
name: 'Overflow Link 1',
onClick: function () { return; }
},
{
key: 'item5',
name: 'Overflow Link 2',
onClick: function () { return; }
}
], onRenderOverflowButton: function (overflowItems) {
return (React.createElement(Button_1.IconButton, { className: Utilities_1.css(styles.overflowButton), iconProps: { iconName: 'More' }, menuIconProps: null, menuProps: { items: overflowItems } }));
}, onRenderItem: function (item) {
return (React.createElement(Link_1.Link, { className: Utilities_1.css(styles.overflowLinks), onClick: item.onClick }, item.name));
} }));
};
return OverflowSetBasicExample;
}(Utilities_1.BaseComponent));
exports.OverflowSetBasicExample = OverflowSetBasicExample;
//# sourceMappingURL=OverflowSet.Basic.Example.js.map