Navbar

The Navbar component uses react-router-bootstrap and react-bootstrap to create the react Navbar.

For any dependencies see here.

Navbar expects a config prop, an example is shown below:

let navbarConfig = {
  // The different tabs and the link to where they are routed to.
  categories: [
    {title: 'Dashboard', link: '/'},
    {title: 'List View', link: '/listView'},
    {title: 'Empty State', link: '/emptyState'},
  ],
  // The title image placed at the top, above nav.
  titleSrc: {
    path: '../static/build/img/brand.svg',
    alt: 'Patternfly Demo App'
  }
};

A navbar component can then be generated by using:

<NavBar config={navbarConfig}/>