Skip to content
Patternfly Logo

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. All pages should share a common masthead.

Info alert:Beta feature

This Beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the PatternFly forum or via Slack. To learn more go to our Beta components page on GitHub.

Examples

Basic

Basic screenshot

With context selector and dropdown

With context selector and dropdown screenshot

With toolbar, filters

With toolbar, filters screenshot

With toggle group and filters

With toggle group and filters screenshot

With expandable search, collapsed

With expandable search, collapsed screenshot

With expandable search, expanded

With expandable search, expanded screenshot

Advanced integration with menu options

Advanced integration with menu options screenshot

Horizontal nav

Horizontal nav screenshot

Mobile examples

With toggle group, filters, expandable content expanded (mobile)

With toggle group, filters, expandable content expanded (mobile) screenshot

View source on GitHub

QUICKLINKS

CONTRIBUTE

STAY IN TOUCH

PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.

Red Hat logo
Copyright © 2022 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines