office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
75 lines • 3.23 kB
JavaScript
define(["require", "exports", "react", "office-ui-fabric-react/lib/Nav"], function (require, exports, React, Nav_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.NavFabricDemoAppExample = function () {
return (React.createElement(Nav_1.Nav, { styles: { root: { width: 300 } }, ariaLabel: "Nav example similiar to one found in this demo page", groups: [
{
name: 'Basic components',
expandAriaLabel: 'Expand Basic components section',
collapseAriaLabel: 'Collapse Basic components section',
links: [
{
key: 'ActivityItem',
name: 'ActivityItem',
url: '#/examples/activityitem'
},
{
key: 'Breadcrumb',
name: 'Breadcrumb',
url: '#/examples/breadcrumb'
},
{
key: 'Button',
name: 'Button',
url: '#/examples/button'
}
]
},
{
name: 'Extended components',
expandAriaLabel: 'Expand Extended components section',
collapseAriaLabel: 'Collapse Extended components section',
links: [
{
key: 'ColorPicker',
name: 'ColorPicker',
url: '#/examples/colorpicker'
},
{
key: 'ExtendedPeoplePicker',
name: 'ExtendedPeoplePicker',
url: '#/examples/extendedpeoplepicker'
},
{
key: 'GroupedList',
name: 'GroupedList',
url: '#/examples/groupedlist'
}
]
},
{
name: 'Utilities',
expandAriaLabel: 'Expand Utilities section',
collapseAriaLabel: 'Collapse Utilities section',
links: [
{
key: 'FocusTrapZone',
name: 'FocusTrapZone',
url: '#/examples/focustrapzone'
},
{
key: 'FocusZone',
name: 'FocusZone',
url: '#/examples/focuszone'
},
{
key: 'MarqueeSelection',
name: 'MarqueeSelection',
url: '#/examples/marqueeselection'
}
]
}
] }));
};
});
//# sourceMappingURL=Nav.FabricDemoApp.Example.js.map