Popup Menu

Popup Menu

<div>
  <div id="popup"></div>
</div>

import React from 'react';
import {render} from 'react-dom';
import PopupMenu, {ListProps} from '@jetbrains/ring-ui/components/popup-menu/popup-menu';

const data = [
   {'label': 'Item'},
   {'label': 'Link to jetbrains.com', 'href': 'http://www.jetbrains.com'},
   {'rgItemType': ListProps.Type.SEPARATOR},
   {'rgItemType': ListProps.Type.LINK, 'label': 'Link Item'},
   {'rgItemType': ListProps.Type.LINK, 'label': 'Link Item With Additional Class', 'className': 'test'},
   {'rgItemType': ListProps.Type.SEPARATOR, 'description': 'Separator With Description'},
   {'rgItemType': ListProps.Type.TITLE, 'label': 'Title'},
   {'rgItemType': ListProps.Type.ITEM, 'label': '1 Element in group'},
   {'rgItemType': ListProps.Type.ITEM, 'label': '2 Element in group'}
];

render(<PopupMenu data={data}/>, document.getElementById('popup'));