# Vue Header Component API

> Explore the API reference for the Vue Header component and discover how to effectively utilize its props for customization.

## CHeader

```jsx
import { CHeader } from '@coreui/vue-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `as` | `string` | `'div'` | Component used for the root node. Either a string to use a HTML element or a component. |
| `container` | `boolean\|string` | - | Defines optional container wrapping children elements. |
| `position` | `string` | - | Place header in non-static positions. |

## CHeaderBrand

```jsx
import { CHeaderBrand } from '@coreui/vue-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `as` | `string` | `'a'` | Component used for the root node. Either a string to use a HTML element or a component. |

## CHeaderNav

```jsx
import { CHeaderNav } from '@coreui/vue-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `as` | `string` | `'ul'` | Component used for the root node. Either a string to use a HTML element or a component. |