How to get the horizontal nav bar in Vaadin 8

Vaadin 6 / 7 / 8
1

I want to include the navbar that is shown in this demo

https://demo.vaadin.com/expense-manager/

in my application. Which component is it? Is there an example code somewhere that can help me get started?

Thanks

2

Expense manager is a demo app using our collection of Polymer Elements (see vaadin.com/elements ), and it is pure PWA made with Polymer, see source here: https://github.com/vaadin/expense-manager-demo

When you inspect the source, you see that horizontal nav bar is a very simple layout containing H1 and couple of Buttons.

https://github.com/vaadin/expense-manager-demo/blob/master/src/overview-page.html

If you want to do something similar in Vaadin framework, just create horizontal layout, and add Label and couple of Buttons in similar manner.

3

Hi, I currently use app-layout-addon (port of polymer app-layout that has a navbar) and material from the directory.

Also check out hybridmenu.