Skip to content
Version:

Install

Maven

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

Import

java
import com.vaadin.flow.component.tabs.Tabs;
import com.vaadin.flow.component.tabs.Tab;

Variants

Standard

java
Tabs tabs = new Tabs(
    new Tab("First"),
    new Tab("Second"),
    new Tab("Third")
);

Anchor

java
Tabs tabs = new Tabs(
    new Tab("First"),
    new Tab("Second"),
    new Tab("Third")
);
tabs.addThemeVariants("anchor");

Stepper

java
Tabs tabs = new Tabs(
    new Tab("First"),
    new Tab("Second"),
    new Tab("Third")
);
tabs.addThemeVariants("stepper");

Application bar

java
Tabs tabs = new Tabs(
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person")),
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person")),
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person"))
);
tabs.addThemeVariants("application-bar");

Side panel tabs

java
Tabs tabs = new Tabs(
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person")),
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person")),
    new Tab(new Icon(MaterialSymbol.SymbolPerson, "Person"))
);
tabs.addThemeVariants("side-panel-tabs");