---
{
  title: 'Page Header',
  layout: 'docs.11ty.js',
  tag: 'nve-page-header'
}
---

## Installation

{% install 'nve-page-header' %}

## App Logo

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'AppLogo' %}

## Menu Button

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'MenuButton' %}

## Dropdown Menu

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'DropdownMenu' %}

## Search

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'Search' %}

## Prefix Navigation

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'PrefixNavigation' %}

## Center Navigation

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'CenterNavigation' %}

## Suffix Navigation

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'SuffixNavigation' %}

## User Detail

{% example '@nvidia-elements/core/page-header/page-header.examples.json' 'UserDetail' %}
