[Feature] Nested DropdownMenu

[TimNZ]

Thanks for your great work here.

I'm trying to replicate the nested menu from http://semantic-ui.com/collections/menu.html
It is the example with the left aligned Wrench icon dropdown and the 'Search Animals' search box.

Since your documentation is currently light, I'm struggling to figure out if nested menus is supported by playing.

This code ends up with 'Hi' menu item having a arrow icon indicating a sub menu, but clicking does nothing. I would expect since DropdownMenu requires explicit active toggling of it, but this doesn't work, nor seems a correct approach anyway.

I've tried nesting a Menu instead of DropdownMenu as well.

       <Menu className="top">
                        <DropdownMenu active={this.state.active} component={iconButton}
                                      onMenuItemClick={this.menuItemClicked.bind(this)}
                                      onClick={this.toggleDropdown.bind(this)}>
                            <MenuItem menuValue="0">First</MenuItem>
                            <MenuItem>Hi
                                <DropdownMenu vertical={true}>
                                    <MenuItem menuValue="1">Second</MenuItem>
                                </DropdownMenu>
                            </MenuItem>

                        </DropdownMenu>
                    </Menu>

[asvetliakov]

Oh sorry, nested menus are not supported yet.
Currently dropdownmenu is fully controlled component so you need to control active prop for nested menu (similar as for broken nested accordion for example 😄 ) . But probably the markup will be broken in such case anyway.

[TimNZ]

Ahh. Thanks, no problem. Not even sure why I settled on that particular scenario to test.
Genuinely looking forward to seeing this at feature parity with Semantic since it's such a sweet UI library. If I had any decent UI dev skills I'd help!