# Variant swatch

> The values of `swatch` inside `smootify-variant [variant="swatch1"]` or `smootify-variant [variant="swatch2"]` or `smootify-variant [variant="swatch3"]`.

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/reference/attributes/variant-swatch  
Updated: 2026-10-13

## Where it can go

- **Inside any of:** `smootify-variant [variant="swatch1"]`, `smootify-variant [variant="swatch2"]`, `smootify-variant [variant="swatch3"]`.

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `swatch="name"` | Name | on text |
| `swatch="color"` | Color | Sets the background color; on container, text |
| `swatch="image"` | Image | on image |
| `swatch="description"` | Description | on text |