---
title: Three Cols Header
description: Three columns with spanning header
---

# Three Cols Header Layout

Three equal columns with a header spanning all three.

## Parameters

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `logo` | boolean | `true` | Show/hide logo |
| `textAlignment` | string | `'center'` | Content vertical alignment (`'top'`, `'center'`, `'bottom'`) |

## Slots

| Slot | Description |
|------|-------------|
| default | Header content (spans full width, above columns) |
| `left` | Left column content |
| `middle` | Middle column content |
| `right` | Right column content |
| `top` | Left-aligned text above all columns (below header) |
| `top-center` | Center-aligned text above all columns (below header) |
| `bottom` | Left-aligned text below all columns |
| `bottom-center` | Center-aligned text below all columns |

## Basic Example

```markdown
---
layout: three-cols-header
---

# DevOps Pipeline Stages

::left::

## Build
- Compile code
- Run tests
- Security scan
- Create artifacts

::middle::

## Deploy
- Container build
- Push to registry
- Update services
- Health checks

::right::

## Monitor
- Metrics collection
- Log aggregation
- Alerting
- Dashboards
```