Component Catalog
Comparison Block Conversion
- Home
- Blocks
- Conversion
- Comparison Block
Conversion
Comparison Block A “us vs
A “us vs. them” matrix comparing you against alternatives.
When to use
This page shows the Comparison Block across background, alignment and spacing settings, then lists its fields.
Variations The same block across five settings
Left · Light 01 — bg: bgstyle-01 · align: left
How we compare
| Northwind | Typical CMS | |
|---|---|---|
| Visual block editor | ✓ | Partial |
| Live preview | ✓ | ✕ |
| Responsive by default | ✓ | Sometimes |
Center · Light 02 — bg: bgstyle-02 · align: center
How we compare
| Northwind | Typical CMS | |
|---|---|---|
| Visual block editor | ✓ | Partial |
| Live preview | ✓ | ✕ |
| Responsive by default | ✓ | Sometimes |
Right · Plain — bg: bgstyle-00 · align: right
How we compare
| Northwind | Typical CMS | |
|---|---|---|
| Visual block editor | ✓ | Partial |
| Live preview | ✓ | ✕ |
| Responsive by default | ✓ | Sometimes |
Center · Dark 05 — bg: bgstyle-05 · align: center
How we compare
| Northwind | Typical CMS | |
|---|---|---|
| Visual block editor | ✓ | Partial |
| Live preview | ✓ | ✕ |
| Responsive by default | ✓ | Sometimes |
Center · Image BG — bg: bgstyle-05 · align: center
How we compare
| Northwind | Typical CMS | |
|---|---|---|
| Visual block editor | ✓ | Partial |
| Live preview | ✓ | ✕ |
| Responsive by default | ✓ | Sometimes |
Field reference
| Field | Editor | Required |
|---|---|---|
| compareUsLabel / compareThemLabel | Text | — |
| comparisonRows | Block list (feature, us, them) | — |