Type: React component

How to get Masthead?


import { Masthead } from 'fds/components';

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.


  1. autoHide


    Type: Boolean

    Default value

  2. children


    Type: ReactNode

  3. type


    Type: String

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

    • "default"

    • "dark"

    Defaults to "default".

    Default value