# UIB HeaderModule

## Prequisites

Add the `HeaderModule` module to your module imports:

```TS
import { HeaderModule } from '@uib/angular';

@NgModule({
  imports: [
    // ...
    HeaderModule,
    // ...
  ],
})
// ...
```

## UibHeader

### Examples

#### Only with title

```HTML
<uib-header title="header title">
</uib-header>
```

#### With main menu button

```HTML
<uib-header title="header title">
  <button uibMainMenuButton>
  </button>
</uib-header>
```

#### With dashboard button and safety-line

The state of the dashboard button and safety-line is handled by the uib-header `state` input.

```HTML
<uib-header [title]="title" [state]="safetyLineState">
  <uib-header-actions>
    <button uibDashboardButton>
    </button>
  </uib-header-actions>
  <uib-safety-line>
  </uib-safety-line>
</uib-header>
```