# Selected value

> The values of `selected-option` inside `variant-swatches` or `variant-dropdown` or `variant-popover` or `variant-selector`.

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

## Where it can go

- **Inside any of:** [`variant-swatches`](https://www.smootify.io/docs/reference/elements/variant-swatches), [`variant-dropdown`](https://www.smootify.io/docs/reference/elements/variant-dropdown), [`variant-popover`](https://www.smootify.io/docs/reference/elements/variant-popover), [`variant-selector`](https://www.smootify.io/docs/reference/elements/variant-selector).

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `selected-option="title"` | Value | on text |
| `selected-option="color"` | Text in its color | on text |
| `selected-option="bg-color"` | Background in its color | on container, text, button, link |
| `selected-option="image"` | Image | on image |
| `selected-option="name"` | Option name | The name of the option the picker shows (Color, Size); on text |