office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
74 lines • 3.89 kB
JavaScript
define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/ContextualMenu", "office-ui-fabric-react/lib/Button", "./ContextualMenuExample.scss"], function (require, exports, tslib_1, React, ContextualMenu_1, Button_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var ContextualMenuSectionExample = /** @class */ (function (_super) {
tslib_1.__extends(ContextualMenuSectionExample, _super);
function ContextualMenuSectionExample() {
return _super !== null && _super.apply(this, arguments) || this;
}
ContextualMenuSectionExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement(Button_1.DefaultButton, { id: "ContextualMenuButton1", text: "Click for ContextualMenu", menuProps: {
items: [
{
key: 'section',
itemType: ContextualMenu_1.ContextualMenuItemType.Section,
sectionProps: {
topDivider: true,
bottomDivider: true,
title: 'Actions',
items: [
{
key: 'newItem',
text: 'New'
},
{
key: 'deleteItem',
text: 'Delete'
}
]
}
},
{
key: 'section',
itemType: ContextualMenu_1.ContextualMenuItemType.Section,
sectionProps: {
title: 'Social',
items: [
{
key: 'share',
text: 'Share'
},
{
key: 'print',
text: 'Print'
},
{
key: 'music',
text: 'Music'
}
]
}
},
{
key: 'section',
itemType: ContextualMenu_1.ContextualMenuItemType.Section,
sectionProps: {
title: 'Navigation',
items: [
{
key: 'Bing',
text: 'Go to Bing',
href: 'http://www.bing.com'
}
]
}
}
]
} })));
};
return ContextualMenuSectionExample;
}(React.Component));
exports.ContextualMenuSectionExample = ContextualMenuSectionExample;
});
//# sourceMappingURL=ContextualMenu.Section.Example.js.map