Package org.patternfly.component.page

package org.patternfly.component.page

Provides the PatternFly page layout component and its subcomponents.

The page component provides the overall structure for an application, including a masthead with branding and tools, a sidebar for navigation, and a main content area with sections. It includes support for the masthead, sidebar, page sections, breadcrumbs, navigation, tabs, and groups.

Usage

import static org.patternfly.component.page.Masthead.masthead;
import static org.patternfly.component.page.MastheadBrand.mastheadBrand;
import static org.patternfly.component.page.MastheadContent.mastheadContent;
import static org.patternfly.component.page.MastheadLogo.mastheadLogo;
import static org.patternfly.component.page.MastheadMain.mastheadMain;
import static org.patternfly.component.page.MastheadToggle.mastheadToggle;
import static org.patternfly.component.page.Page.page;
import static org.patternfly.component.page.PageMain.pageMain;
import static org.patternfly.component.page.PageSection.pageSection;
import static org.patternfly.component.page.PageSidebar.pageSidebar;
import static org.patternfly.component.page.PageSidebarBody.pageSidebarBody;

Page page = page()
        .addMasthead(masthead()
                .addMain(mastheadMain()
                        .addToggle(mastheadToggle())
                        .addBrand(mastheadBrand()
                                .addLogo(mastheadLogo("#")
                                        .add("Logo"))))
                .addContent(mastheadContent().text("Header tools")))
        .addSidebar(pageSidebar()
                .addBody(pageSidebarBody()
                        .add("Navigation")))
        .addMain(pageMain("main-id")
                .addSection(pageSection()
                        .text("Section 1"))
                .addSection(pageSection().secondary()
                        .text("Section 2")));

See Also:

• https://www.patternfly.org/components/page

Related Packages

Package	Description
org.patternfly.component	Provides PatternFly component implementations for building web applications in Java.

Class	Description
Display
Masthead	A masthead contains global properties such as logotype, navigation and settings in an organized fashion, and it is accessible from all parts of the application.
MastheadBrand
MastheadContent	Container for the content of a Masthead component.
MastheadLogo
MastheadMain	Container for the main area of a Masthead component.
MastheadToggle	Container for the toggle of a Masthead component.
Page	The page component is used to define the basic layout of a page with either vertical or horizontal navigation.
PageBreadcrumb	Container to nest a Breadcrumb in a PageGroup or PageMain container.
PageGroup	Container to group multiple PageSectionLike containers.
PageMain	Container for the main page area.
PageNavigation	Container to nest a Navigation in a PageGroup or PageMain container.
PageSection	Container for a section in a PageGroup or PageMain component.
PageSectionBuilder<E extends HTMLElement, P extends PageSectionBuilder<E,P>>	Groups common methods/modifiers for page sections like PageBreadcrumb and PageSection.
PageSectionLike<E extends HTMLElement, P extends PageSectionLike<E,P>>	Common interface for page sections like PageBreadcrumb and PageSection.
PageSidebar	Container for the page sidebar.
PageSidebarBody	Container within the PageSidebar to hold content.
PageTabs	Container to nest a Tabs component in a PageGroup or PageMain container.
PageWizard	Container to nest a Wizard in a PageGroup or PageMain container.