---
id: masthead
title: Masthead
---

# Masthead

The Masthead component is a set of features or layout that marks the page and delivers identifying information to web users.

## How to use

<code src="@digigov/ui/src/app/Masthead/__stories__/Default.tsx" />

### With secondary color

<code src="@digigov/ui/src/app/Masthead/__stories__/Secondary.tsx" />

### With logo

<code src="@digigov/ui/src/app/Masthead/__stories__/WithLogo.tsx" />

### With elements

<code src="@digigov/ui/src/app/Masthead/__stories__/WithElements.tsx" />

## API

See below for a complete reference to all of the props  available to the components mentioned here.

<ComponentProps componentName={[
  "Masthead",
  "MastheadBody",
  "MastheadLogo",
]} 
/>