office-ui-fabric-react/lib/components/Nav/examples/Nav.CustomGroupHeaders.Example.js

Reusable React components for building experiences for Office 365.

import * as React from 'react';
import { Nav } from 'office-ui-fabric-react/lib/Nav';
export var NavCustomGroupHeadersExample = function () {
    return (React.createElement(Nav, { onRenderGroupHeader: _onRenderGroupHeader, ariaLabel: "Nav example with custom group headers", groups: [
            {
                name: 'Pages',
                links: [
                    // prettier-ignore
                    { name: 'Activity', url: 'http://msn.com', key: 'key1', target: '_blank' },
                    { name: 'News', url: 'http://msn.com', key: 'key2', target: '_blank' }
                ]
            },
            {
                name: 'More pages',
                links: [
                    // prettier-ignore
                    { name: 'Settings', url: 'http://msn.com', key: 'key3', target: '_blank' },
                    { name: 'Notes', url: 'http://msn.com', key: 'key4', target: '_blank' }
                ]
            }
        ] }));
};
function _onRenderGroupHeader(group) {
    return React.createElement("h3", null, group.name);
}
//# sourceMappingURL=Nav.CustomGroupHeaders.Example.js.map