Directory

Vertical Menu Addon

Colorful Vertical Menu for Vaadin 10+

View larger

Close

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

• Author Homepage
• Source Code
• Issue tracker
• Online Demo

Compatibility