# Feature Matrix

> Render a compact capability matrix.

Canonical HTML: https://press.varavel.com/docs/shortcodes/feature-matrix/
Markdown: https://press.varavel.com/docs/shortcodes/feature-matrix/index.md

`feature_matrix` creates a horizontally scrollable matrix for tiers, editions, or implementation paths.

## When to Use

Use it when users need to compare multiple structured values across the same feature rows.

## Usage

```markdown
{{/* feature_matrix(title="Matrix", col_1="Starter", col_2="Pro", row_1_feature="Sections") */}}
```

## Live Example

{{ feature_matrix(
container="md",
title="Capability matrix",
col_1="Starter",
col_2="Pro",
col_3="Enterprise",
row_1_feature="Landing sections",
row_1_col_1="Core",
row_1_col_2="Extended",
row_1_col_3="Custom",
row_2_feature="Support",
row_2_col_1="Docs",
row_2_col_2="Priority",
row_2_col_3="Dedicated",
row_3_feature="Branding",
row_3_col_1="Theme tokens",
row_3_col_2="Advanced",
row_3_col_3="Governed"
) }}

## Parameters

| Parameter       | Description                                  |
| --------------- | -------------------------------------------- |
| `container`     | Inner content width.                         |
| `eyebrow`       | Small uppercase label above the heading.     |
| `title`         | Section heading.                             |
| `description`   | Supporting copy.                             |
| `col_1..3`      | Matrix column labels.                        |
| `row_N_feature` | Feature label, up to 6 rows.                 |
| `row_N_col_N`   | Row value for each column.                   |
| `bg`            | Full-width section background token.         |
| `class`         | Additional CSS classes on the outer section. |