Version:

Install ​

Maven ​

xml
<dependency>
    <groupId>com.vaadin</groupId>
    <artifactId>vaadin-menu-bar-flow</artifactId>
</dependency>

Import ​

java
import com.vaadin.flow.component.contextmenu.MenuItem;
import com.vaadin.flow.component.contextmenu.SubMenu;
import com.vaadin.flow.component.menubar.MenuBar;
import com.vaadin.flow.component.menubar.MenuBarVariant;

Variants ​

Secondary (Default) ​

java
MenuBar menuBar = new MenuBar();
menuBar.addItem("Datei");
menuBar.addItem("Bearbeiten");
menuBar.addItem("Ansicht");

Primary ​

java
MenuBar menuBar = new MenuBar();
MenuItem item = menuBar.addItem("Aktionen");
item.addThemeNames(MenuBarVariant.LUMO_PRIMARY.getVariantName());

Tertiary ​

java
MenuBar menuBar = new MenuBar();
MenuItem item = menuBar.addItem("Mehr");
item.addThemeNames(MenuBarVariant.LUMO_TERTIARY.getVariantName());

With Drop-Down ​

java
MenuBar menuBar = new MenuBar();
MenuItem menu = menuBar.addItem("Exportieren");
menu.addThemeNames(MenuBarVariant.LUMO_DROPDOWN_INDICATORS.getVariantName());

SubMenu subMenu = menu.getSubMenu();
subMenu.addItem("Als PDF");
subMenu.addItem("Als Excel");
subMenu.addItem("Als CSV");

Disabled Item ​

java
MenuBar menuBar = new MenuBar();
menuBar.addItem("Bearbeiten");
menuBar.addItem("Löschen").setEnabled(false);

Split button ​

java
MenuBar menuBar = new MenuBar();
menuBar.addThemeNames("split");
menuBar.addItem("Main action");
MenuBar menuBar = new MenuBar();
MenuItem menu = menuBar.addItem("");
SubMenu subMenu = menu.getSubMenu();
subMenu.addItem("Second action");
subMenu.addItem("Third action");
subMenu.addItem("Fourth action");