Anchor Nav for Flow | Vaadin

Organizes content sections with tabs and provides anchor navigation while linking the tabs and sections

Live Demo ↗

<vcf-anchor-nav> component organizes content sections with tabs and provides anchor navigation while linking the tabs and sections

Basic Usage

AnchorNav anchorNav = new AnchorNav();
anchorNav.setHeight("400px");
anchorNav.addSection(new Span("Section 1"));
anchorNav.addSection(new Span("Section 2"));

Development instructions

Starting the test/demo server:

  1. Run mvn jetty:run.
  2. Open http://localhost:8080 in the browser.

Sponsored development

Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: Support and Pricing

Install

Link to this version
ExperimentalReleased 17 May 2022Apache License 2.0
Framework Support
Vaadin platform 23+
Install with
Release notes - Version 23.0.0

Vaadin 23 version of the component