search

couds / react-bulma-components

React components for Bulma framework
MIT License
1.2k stars 126 forks source link

[HELP]: Multilevel menus in Navbar #361

Closed harishbsrinivas closed 2 years ago

harishbsrinivas commented 3 years ago

I tried using the Navbar example to create menu with three levels

<Navbar>
      <Navbar.Menu>
                <Navbar.Container>
                    <Navbar.Item dropdown={true} hoverable={true}>
                        <Navbar.Link>Main Menu</Navbar.Link>
                        <Navbar.Dropdown>
                            <Navbar.Item dropdown={true} hoverable={true}>
                                <Navbar.Link>First level</Navbar.Link>
                                <Navbar.Dropdown>
                                    <Navbar.Item dropdown={true} hoverable={true}>
                                        <Navbar.Link>Second level</Navbar.Link>
                                    </Navbar.Item>
                                </Navbar.Dropdown>
                            </Navbar.Item>
                        </Navbar.Dropdown>
                    </Navbar.Item>
                </Navbar.Container>
        </Navbar.Menu>
</Navbar >

This does not seem to work. I feel that I missing some crucial prop that would make the second level menu only show after hover. The current behaviour is that the first and second level menus are both shown.

Any help here is greatly appreciated.

couds commented 2 years ago

Hi Sorry for the lonk time to answer. I thinks this is not possible with Bulma. if you saw this on the bulma docs can you point out where so we can implement it? Thanks