# Country switcher

> The values of `data-prop` inside `country-switcher`.

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

## At a glance

- **The toggle** shows the current country. Its elements with `data-prop` show the current country's values. The first element of the toggle that has no `data-prop` (the dropdown icon aside) gets the current country's name: put a Text block there, first. Any other element without `data-prop` placed before it, such as a wrapper, would have its content replaced by the name.
- **The links.** The first Dropdown link is the template: Smootify copies it once for each country of your markets and removes the other links you designed. The current country's link gets the class `w--current`. A pick changes the country and closes the dropdown.

More in [the guide](https://www.smootify.io/docs/features/markets).

## Where it can go

- **Inside** [`country-switcher`](https://www.smootify.io/docs/reference/elements/country-switcher).
- On text.

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `data-prop="name"` | Country | — |
| `data-prop="iso-code"` | Country code | also read as countryIsoCode |
| `data-prop="currency-symbol"` | Currency symbol | — |
| `data-prop="currency-name"` | Currency name | — |
| `data-prop="currency-iso-code"` | Currency code | — |
| `data-prop="flag"` | Flag | on image, container, text |