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 expandable group of navigation items within a
Navigationcomponent.A navigation organizes an application's structure and content, making it easy to find information and accomplish tasks.A navigation group within aNavigationcomponent.A navigation item within aNavigationcomponent.A text within a navigation link within aNavigationItemcomponent.No groups, only one level ofNavigationItems allowed.Different variations ofNavigationGroups andNavigationItems possible.