office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
50 lines • 1.87 kB
JavaScript
define(["require", "exports", "react", "office-ui-fabric-react/lib/CommandBar"], function (require, exports, React, CommandBar_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var overflowButtonProps = { ariaLabel: 'More commands' };
exports.CommandBarSplitDisabledExample = function () {
return (React.createElement("div", null,
React.createElement(CommandBar_1.CommandBar, { items: _items, overflowButtonProps: overflowButtonProps, ariaLabel: "Use left and right arrow keys to navigate between commands" })));
};
var _items = [
{
key: 'newItem',
text: 'New',
iconProps: { iconName: 'Add' },
split: true,
ariaLabel: 'New',
subMenuProps: {
items: [
{ key: 'emailMessage', text: 'Email message', iconProps: { iconName: 'Mail' } },
{ key: 'calendarEvent', text: 'Calendar event', iconProps: { iconName: 'Calendar' } }
]
}
},
{
key: 'upload',
text: 'Upload',
iconProps: { iconName: 'Upload' },
split: true,
disabled: true,
href: 'https://dev.office.com/fabric',
subMenuProps: {
items: [{ key: 'item1', text: 'Item One' }, { key: 'item2', text: 'Item Two' }]
}
},
{
key: 'share',
text: 'Share',
iconProps: { iconName: 'Share' },
disabled: true
},
{
key: 'download',
text: 'Download',
ariaLabel: 'Download',
iconProps: { iconName: 'Download' },
iconOnly: true,
disabled: true
}
];
});
//# sourceMappingURL=CommandBar.SplitDisabled.Example.js.map