---
id: header
title: Header
---

# Header

## How to use

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

### With service name

<code src="@digigov/ui/src/app/Header/__stories__/WithServiceName.tsx" />

### With service logo and service name

<code src="@digigov/ui/src/app/Header/__stories__/WithServiceNameAndLogo.tsx" />

### With responsive navigation

<code src="@digigov/ui/src/app/Header/__stories__/WithNavigation.tsx" />

## API

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

<ComponentProps componentName={[
  "Header",
  "HeaderContent",
  "HeaderSection",]} 
/>