office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
65 lines • 3.12 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.NavNestedExample = function () {
return (React.createElement(Nav_1.Nav, { ariaLabel: "Nav example with nested links", groups: [
{
links: [
{
name: 'Parent link 1',
url: 'http://example.com',
target: '_blank',
expandAriaLabel: 'Expand Parent link 1',
collapseAriaLabel: 'Collapse Parent link 1',
links: [
{
name: 'Child link 1',
url: 'http://example.com',
target: '_blank'
},
{
name: 'Child link 2',
url: 'http://example.com',
target: '_blank',
expandAriaLabel: 'Expand Child link 2',
collapseAriaLabel: 'Collapse Child link 2',
links: [
{
name: '3rd level link 1',
url: 'http://example.com',
target: '_blank'
},
{
name: '3rd level link 2',
url: 'http://example.com',
target: '_blank'
}
]
},
{
name: 'Child link 3',
url: 'http://example.com',
target: '_blank'
}
]
},
{
name: 'Parent link 2',
url: 'http://example.com',
target: '_blank',
expandAriaLabel: 'Expand Parent link 2',
collapseAriaLabel: 'Collapse Parent link 2',
links: [
{
name: 'Child link 4',
url: 'http://example.com',
target: '_blank'
}
]
}
]
}
] }));
};
});
//# sourceMappingURL=Nav.Nested.Example.js.map