Skip to content

Masthead

A masthead contains and organizes global properties like a logo, navigation, and settings for easy and consistent access across all pages of an application.

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

Edit this page on GitHub
Red Hat
Copyright © 2014-2025 Red Hat, Inc.
Privacy statementTerms of useAll policies and guidelines
We use cookies on our websites to deliver our online services. Details about how we use cookies and how you may disable them are set out in our Privacy Statement. By using this website you agree to our use of cookies.