Install

Maven

<dependency>
    <groupId>com.vaadin</groupId>
    <artifactId>vaadin-side-nav-flow</artifactId>
</dependency>
<dependency>
    <groupId>de.mate_ds</groupId>
    <artifactId>mate-side-nav-addons-flow</artifactId>
</dependency>

Import

import com.vaadin.flow.component.sidenav.SideNav;
import de.mate_ds.flow.component.sidenavaddons.SideNavAddon;
import de.mate_ds.flow.component.sidenavaddons.SideNavAddon.SideNavItem;

Variants

Default

SideNav navigation = new SideNav();
SideNavAddon addon = new SideNavAddon();
addon.attach(navigation);

addon.setItems(new SideNavItem("Menü Punkt 1", new SideNavItem("Menü Punkt 1.1", "1.1"), new SideNavItem("Menü Punkt 1.2", "1.2")),
        new SideNavItem("Menü Punkt 2", new SideNavItem("Menü Punkt 2.1", "2.1"), new SideNavItem("Menü Punkt 2.2", "2.2")),
        new SideNavItem("Menü Punkt 3", new SideNavItem("Menü Punkt 3.1", "3.1"), new SideNavItem("Menü Punkt 3.2", "3.2")),
        new SideNavItem("Menü Punkt 4", new SideNavItem("Menü Punkt 4.1", "4.1"), new SideNavItem("Menü Punkt 4.2", "4.2")),
        new SideNavItem("Menü Punkt 5", new SideNavItem("Menü Punkt 5.1", "5.1"), new SideNavItem("Menü Punkt 5.2", "5.2")));