Masthead

Type: React component

How to get Masthead?

JavaScript

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.

Props

  1. autoHide

    (Optional)

    Type: Boolean

    Default value

  2. children

    (Required)

    Type: ReactNode

  3. type

    (Optional)

    Type: String

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

    • "default"

    • "dark"

    Defaults to "default".

    Default value