Package org.patternfly.component.navigation
package org.patternfly.component.navigation
Provides the PatternFly navigation component and its subcomponents.
An expandable navigation with grouped items:
A navigation component organizes an application's structure and content, making it easy for users to find information and accomplish tasks. Navigation can be rendered in different types including flat, grouped, expandable, and horizontal variants.
Usage
A flat vertical navigation with simple items:import static org.patternfly.component.navigation.Navigation.navigation;
import static org.patternfly.component.navigation.NavigationItem.navigationItem;
import static org.patternfly.component.navigation.NavigationType.Vertical.flat;
Navigation navigation = navigation(flat)
.addItem(navigationItem("item-0", "Link 1", "#item-0"))
.addItem(navigationItem("item-1", "Link 2", "#item-1"))
.addItem(navigationItem("item-2", "Link 3", "#item-2"));
import static org.patternfly.component.navigation.ExpandableNavigationGroup.expandableNavigationGroup;
import static org.patternfly.component.navigation.Navigation.navigation;
import static org.patternfly.component.navigation.NavigationItem.navigationItem;
import static org.patternfly.component.navigation.NavigationType.Vertical.expandable;
Navigation navigation = navigation(expandable)
.addGroup(expandableNavigationGroup("grp-0", "Expandable group 1")
.addItem(navigationItem("item-00", "Subnav link 1", "#item-00"))
.addItem(navigationItem("item-01", "Subnav link 2", "#item-01")))
.addGroup(expandableNavigationGroup("grp-1", "Expandable group 2")
.addItem(navigationItem("item-10", "Subnav link 1", "#item-10"))
.addItem(navigationItem("item-11", "Subnav link 2", "#item-11")));
- See Also:
-
ClassDescriptionA navigation organizes an application's structure and content, making it easy to find information and accomplish tasks.No groups, only one level of
NavigationItems allowed.Different variations ofNavigationGroups andNavigationItems possible.