Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to create Navbar submenus? #188

Open
prolic opened this issue Feb 16, 2021 · 2 comments
Open

How to create Navbar submenus? #188

prolic opened this issue Feb 16, 2021 · 2 comments

Comments

@prolic
Copy link

prolic commented Feb 16, 2021

Like described here http://bootstrapessentials.com/fulldocs/components/navbar/navbar-submenu/

@acyuta108
Copy link

Is this not enough? (http://elm-bootstrap.info/navbar)
I think that submenus are overkill and terrible UX, but that's just my opinion.
I usually advice my devs and UI designers to rethink their Nav before adding this many levels, unless you are writing a very complex app that resembles a desktop app.

Navbar.dropdown              -- Adding dropdowns is pretty simple
                { id = "mydropdown"
                , toggle = Navbar.dropdownToggle [] [ text "My dropdown" ]
                , items =
                    [ Navbar.dropdownHeader [ text "Heading" ]
                    , Navbar.dropdownItem
                        [ href "#" ]
                        [ text "Drop item 1" ]
                    , Navbar.dropdownItem
                        [ href "#" ]
                        [ text "Drop item 2" ]
                    , Navbar.dropdownDivider
                    , Navbar.dropdownItem
                        [ href "#" ]
                        [ text "Drop item 3" ]
                    ]
                }

@prolic
Copy link
Author

prolic commented Aug 20, 2021

@acyuta108 I didn't think of using dropdowns, that could work. Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants