Class Navigation

java.lang.Object
org.patternfly.component.BaseComponent<HTMLElement,Navigation>
org.patternfly.component.navigation.Navigation
All Implemented Interfaces:
Iterable<NavigationItem>, Attachable, Container<HTMLElement,Navigation>, Finder<HTMLElement>, HasElement<HTMLElement,Navigation>, HasHTMLElement<HTMLElement,Navigation>, IsElement<HTMLElement>, TypedBuilder<HTMLElement,Navigation>, Component, HasItems<HTMLElement,Navigation,NavigationItem>

A navigation organizes an application's structure and content, making it easy to find information and accomplish tasks. Navigation communicates relationships, context, and actions a user can take within an application.

navigation(primary)
        .addItem(navigationItem("itm-1", "Item 1", "#itm-1"))
        .addItem(navigationItem("itm-2", "Item 2", "#itm-2"))
        .addItem(navigationItem("itm-3", "Item 3", "#itm-3"));

navigation(grouped)
        .addGroup(navigationGroup("grp-1", "Group 1")
                .addItem(navigationItem("grp-1-itm-1", "Item 1", "#grp-1-itm-1"))
                .addItem(navigationItem("grp-1-itm-2", "Item 2", "#grp-1-itm-2"))
                .addItem(navigationItem("grp-1-itm-3", "Item 3", "#grp-1-itm-3")))
        .addGroup(navigationGroup("grp-2", "Group 2")
                .addItem(navigationItem("grp-2-itm-1", "Item 1", "#grp-2-itm-1"))
                .addItem(navigationItem("grp-2-itm-2", "Item 2", "#grp-2-itm-2"))
                .addDivider()
                .addItem(navigationItem("grp-2-itm-3", "Item 3", "#grp-2-itm-3")));

navigation(expandable)
        .addItem(navigationItem("itm-1", "Item 1", "#itm-1"))
        .addDivider()
        .addGroup(expandableNavigationGroup("grp-1", "Group 1")
                .addItem(navigationItem("grp-1-itm-1", "Item 1", "#grp-1-itm-1"))
                .addItem(navigationItem("grp-1-itm-2", "Item 2", "#grp-1-itm-2"))
                .addDivider()
                .addItem(navigationItem("grp-1-itm-3", "Item 3", "#grp-1-itm-3")))
        .addItem(navigationItem("itm-2", "Item 2", "#itm-2"))
        .addItem(navigationItem("itm-3", "Item 3", "#itm-3"))
        .addGroup(expandableNavigationGroup("grp-2", "Group 2")
                .addItem(navigationItem("grp-2-itm-1", "Item 1", "#grp-2-itm-1"))
                .addItem(navigationItem("grp-2-itm-2", "Item 2", "#grp-2-itm-2"))
                .addGroup(expandableNavigationGroup("nested-grp-1", "Nested Group")
                        .addItem(navigationItem("nested-grp-1-itm-1", "Item 1", "#nested-grp-1-itm-1"))
                        .addDivider()
                        .addItem(navigationItem("nested-grp-1-itm-2", "Item 2", "#nested-grp-1-itm-2"))));
See Also: