## Examples

### Basic


import Example1 from './Example1.html?raw'

<LiveExample html={Example1} />

### Basic with mixed content


import Example2 from './Example2.html?raw'

<LiveExample html={Example2} />

### Display inline


import Example3 from './Example3.html?raw'

<LiveExample html={Example3} />

### Display stack


import Example4 from './Example4.html?raw'

<LiveExample html={Example4} />

### Display stack, display inline responsive


import Example5 from './Example5.html?raw'

<LiveExample html={Example5} />

### Insets


import Example6 from './Example6.html?raw'

<LiveExample html={Example6} />

## Documentation

### Usage

| Class | Applied to | Outcome |
| -- | -- | -- |
| `.pf-v6-c-masthead` | `<header>` | Initiates the masthead component. **Required** |
| `.pf-v6-c-masthead__main` | `<div>` | Initiates the masthead main component. **Required** |
| `.pf-v6-c-masthead__toggle` | `<span>` | Initiates the masthead toggle component. |
| `.pf-v6-c-masthead__brand` | `<div>` | Initiates the masthead content component. |
| `.pf-v6-c-masthead__logo` | `<a>, <div>` | Initiates the masthead content component. |
| `.pf-v6-c-masthead__content` | `<div>` | Initiates the masthead content component. |
| `.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[breakpoint]}` | `.pf-v6-c-masthead` | Modifies masthead horizontal padding at optional [breakpoint](/tokens/all-patternfly-tokens). |