About the Anchor Nav for Flow category

Directory Anchor Nav for Flow
1

Anchor Nav for Flow: Live Demo :arrow_upper_right:

<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"));

Important information about versioning

Component versions 23.x were deprecated in order to follow Semanting Versioning practices. Please use latest version 2.x for Vaadin 23+ and version 3.x for Vaadin 24.5.

Compatibility

  • Version 1.x.x → Vaadin 14+
  • Version 2.x.x → Vaadin 23+
  • Version 3.x.x → Vaadin 24.5.x (improved accessibility)

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