universe:ui-react-menu

MenuBuilder

1import {MenuBuilder} from '{universe:ui-react-menu}';
2
3export default new MenuBuilder();

Adding link

1import menuBuilder from './menuBuilder';
2
3menuBuilder.add({
4    text: 'Add',
5    type: 'link',
6    icon: 'plus', // SemanticUI icon
7
8    link: '/add'    // link href
9    action: () => { // link onClick
10        console.log('Add clicked.');
11    }}
12});

Adding submenu

1import menuBuilder from './menuBuilder';
2
3menuBuilder.add({
4    icon: 'view',
5    link: '/path/to/view',
6    text: 'Name',
7    type: 'menu',
8
9    items: [
10        {
11            text: 'Add',
12            type: 'link',
13            icon: 'plus',
14
15            link: '/add',
16            action: () => {
17                console.log('Add clicked.');
18            }}
19        }
20    ]
21});

Usage

1import menuBuilder from './menuBuilder';
2
3const ExampleTopLevelVerticalMenu = React.createClass({
4    render () {
5        return (
6            <Menu className="vertical fluid" topLevel={true} {...menuBuilder.export()}/>
7        );
8    }
9});