### Simple vertical menu


      let items = [
        {
          links: [
            {label: 'Menu 11', path: '/some/path'},
            {label: 'Menu 12', path: '/another/path'},
            {label: 'Menu 21', path: '/next/path/one'},
            {label: 'Menu 22', path: '/next/path/two'},
          ]
        }  
      ];
      <VerticalMenu items={items} />


### Vertical menu with sections

      let items = [
        {
          title: 'Section One',
          links: [
            {label: 'Menu 11', path: '/some/path'},
            {label: 'Menu 12', path: '/another/path'},
          ]
        },
        {
          title: 'Section Two',
          links: [
            {label: 'Menu 21', path: '/next/path/one'},
            {label: 'Menu 22', path: '/next/path/two'},
          ]
        }  
      ];
      <VerticalMenu items={items} />


### Overflow

Set `overflow: auto` style for VerticalMenu parent component.


      let items = [
        {
          title: 'Section One',
          links: [
            {label: 'Menu 11', path: '/some/path'},
            {label: 'Menu 12', path: '/another/path'},
            {label: 'Menu 13', path: '/another/path'},
            {label: 'Menu 14', path: '/another/path'},
          ]
        },
        {
          title: 'Section Two',
          links: [
            {label: 'Menu 21', path: '/next/path/one'},
            {label: 'Menu 22', path: '/next/path/two'},
            {label: 'Menu 23', path: '/next/path/two'},
            {label: 'Menu 24', path: '/next/path/two'},
          ]
        }  
      ];
      <Box style={{height: '200px', border: '1px solid pink', overflow:'auto'}}> 
        <VerticalMenu items={items} />
      </Box>