Vertical Menu Addon
Colorful Vertical Menu for Vaadin 10+
Colorful and responsive Vertical Menu for Vaadin 10+, based on https://codepen.io/iamturner/pen/RaqoPX
Sample code
VerticalMenu vm = new VerticalMenu(new Section(new H1("Inbox"), new Section(new H1("Profile")), new Section(new H1("Friends")), new Section(new H1("Messages")), new Section(new H1("Settings")));
vm.addMenuSelectedListener(ev->{ Notification.show("Section: " + ev.getSource().getElement().getChild(0).getText() + " clicked."); });
@Route("") public class DemoView extends VerticalMenu { public DemoView() { super(new Section(new H1("Inbox")), new Section(new H1("Profile")), new Section(new H1("Friends")), new Section(new H1("Messages")), new Section(new H1("Settings"))); getSections().get(0).getStyle().set("background-color", "green"); reloadSections(); addMenuSelectedListener(ev->{ Notification.show("Section: " + ev.getSource().getElement().getChild(0).getText() + " clicked."); }); } }
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Fix @Stylesheet annotation for compatibility with Vaadin 16
- Released
- 2020-08-19
- Maturity
- TESTED
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Vaadin 13 in 1.0.0
- Vaadin 12 in 1.0.0
- Vaadin 11 in 1.0.0
- Vaadin 10 in 1.0.0
- Browser
- Safari
- Google Chrome
- iOS Browser
- Android Browser
- Microsoft Edge