Maeng Design

import React from 'react';
import { Menu } from 'maeng-design';

const { ItemGroup, Item } = Menu;

const App = () => (
  <Menu mode="vertical" collapsed>
    <ItemGroup title={'메인메뉴 1'} icon="A" isSelected={url === '#1'}>
      <Item isSelected={url === '#1-1'}>
        메뉴 1-1
      </Item>
      <Item isSelected={url === '#1-2'}>
        메뉴 1-2
      </Item>
      <Item isSelected={url === '#1-3'}>
        메뉴 1-3
      </Item>
    </ItemGroup>
    <Item isSelected={url === '#2'}>
      메인메뉴 2
    </Item>
    <ItemGroup title={'메인메뉴 3'} icon="B" isSelected={url === '#3'}>
      <Item isSelected={url === '#3-1'}>
        메뉴 3-1
      </Item>
      <Item isSelected={url === '#3-2'}>
        메뉴 3-2
      </Item>
    </ItemGroup>
    <Item isSelected={url === '#4'}>
      메인메뉴 4
    </Item>
  </Menu>
);