---
title: Three Cols
description: Three equal-width columns
---

# Three Cols Layout

Organize content across three equal columns.

## Parameters

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `logo` | boolean | `false` | Show/hide logo |

## Slots

| Slot | Description |
|------|-------------|
| `left` | Left column content |
| `middle` | Middle column content |
| `right` | Right column content |
| `top` | Left-aligned text above all columns |
| `top-center` | Center-aligned text above all columns |
| `bottom` | Left-aligned text below all columns |
| `bottom-center` | Center-aligned text below all columns |

## Basic Example

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

::left::

# Development

- Local Docker
- Hot reload
- Debug mode
- Test data

::middle::

# Staging

- Integration tests
- UAT environment
- Performance tests
- Security scans

::right::

# Production

- Auto-scaling
- Monitoring
- Logging
- Backups
```

## Top & Bottom Slots Example

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

::top-center::

Overview of all environments

::left::

## Dev
- Content here

::middle::

## Staging
- Content here

::right::

## Prod
- Content here

::bottom::

All environments use the same base configuration.
```