Masthead

How to get Masthead

import { Masthead } from 'fds/components';

Type: Component

A masthead is referred to as the header of the application, containing the primary navigational elements. Additionally the masthead can provide an easy way to easily access actions which are often used throughout your application.

This component serves as the outer container for the masthead, it should contain at least a MastheadContent component and optionally a MastheadToolbar component.

Props

# Name Type Description
1. [autoHide] Boolean
  Default value
false
2. children ReactNode
3. [type] String

The type of masthead (styling) to use. One of:

  • "default"

  • "dark"

Defaults to "default".


  Default value
"default"

Related links

Was this page helpful?