@momentum-ui/react/src/lib/Sidebar/examples/WithIcons.js

Cisco Momentum UI framework for ReactJs applications

import React from 'react';
import {
  Sidebar,
  SidebarBody,
  SidebarNav,
  SidebarNavItem
} from '@momentum-ui/react';

export default class DefaultSidebar extends React.PureComponent {
  render() {
    return (
      <Sidebar collapsable withToggle>
        <SidebarBody>
          <SidebarNav>
            <SidebarNavItem
              title='Level 1'
              icon='record_20'
            />
            <SidebarNavItem
              title='Level 1 + Sub'
              icon='record_20'
            >
              <SidebarNavItem title='Level 2' />
              <SidebarNavItem title='Level 2' />
              <SidebarNavItem title='Level 2 + Sub'>
                <SidebarNavItem title='Level 3' />
                <SidebarNavItem title='Level 3' />
                <SidebarNavItem title='Level 3' />
              </SidebarNavItem>
            </SidebarNavItem>
          </SidebarNav>
          <SidebarNav title='section title'>
            <SidebarNavItem
              title='Level 1'
              icon='record_20'
            />
          </SidebarNav>
        </SidebarBody>
      </Sidebar>
    );
  }
}