Navigation

Working framework components, paired with the Java that composes them.

Link

A real document link with a useful destination.

Java composition

Link.create("/docs/tutorials/first-page.md", "Build your first page");

Semantic location within a hierarchy.

Java composition

Breadcrumb.create().addItem("Home", "/").addItem("Demos", "/demos").addActiveItem("Navigation");

Local specimen navigation uses real destinations.

Java composition

NavBar.create().withBrand("Example navigation").addItem("Demos", "/demos").addItem("Docs", "/docs");

Grouped side navigation.

Java composition

SideNav.create().addSection("Learn").addItem("Tutorials", "/docs/tutorials/README.md").addItem("Reference", "/docs/reference/README.md");

Open the menu with mouse or keyboard.

Java composition

Dropdown.create("Learning resources").addLink("Tutorials", "/docs/tutorials/README.md").addLink("Reference", "/docs/reference/README.md").build();

Simulated guest display only. Login switches this request's display back to Simulated Ada; it does not authenticate.

Java composition

AccountWidget.createGuest().withLoginUrl("/demos/components/navigation?persona=ada#accountwidget").withSignupUrl(null);

A local CSS icon needs no external font library.

Java composition

Icon.custom("sp-site-leaf").withAriaLabel("Leaf");