@meyercorp/navmenu v2.2.0

Meyer Navigation Menu Library

A collection of page components offering common navigation bar functionality across all Meyer enterprise applications.

Installation

Run npm i @meyercorp/navmenu

Usage

Import any or all of the components:

import { Help, About, Privacy, Apps} from '@meyercorp/navmenu';

Add to routes in the App.js layout:

    <Layout>
        ...
        <Route path='/apps' component={Apps} />
        <Route path='/about' component={About} />
        <Route path='/help' component={Help} />
        <Route path='/privacy' component={Privacy} />
        ...
    </Layout>

Reference them in the NavMenu component:

    <NavItem>
        <NavLink tag={Link} className="text-dark" to="/about">About</NavLink>
    </NavItem>
    <NavItem>
        <NavLink tag={Link} className="text-dark" to="/help">Help</NavLink>
    </NavItem>
    <NavItem>
        <NavLink tag={Link} className="text-dark" to="/privacy">Privacy</NavLink>
    </NavItem>
    <NavItem>
        <NavLink tag={Link} className="text-dark" to="/apps" data-toggle="tooltip" data-placement="top" title="Click here to see other Meyer enterprise apps.">Other Apps</NavLink>
    </NavItem>

If there is a need for application specific versions of the navigation menu pages, then don't use these components.