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