Anchor Nav for Flow
Organizes content sections with tabs and provides anchor navigation while linking the tabs and sections
<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:
- Run
mvn jetty:run. - 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
Sample code
AnchorNav anchorNav = new AnchorNav();
anchorNav.setHeight("400px");
anchorNav.addSection(new Span("Section 1"));
anchorNav.addSection(new Span("Section 2"));
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
- Fix keyboard focus issue.
- Released
- 2022-10-17
- Maturity
- EXPERIMENTAL
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 23+
- Vaadin 14+ in 1.1.3
- Browser
- N/A