CountryRow

Country code badge with an amount, a name and a change percentage.

Jump to API reference

Import

Vue
import { UiCountryRow } from '@ziyarago/ui/vue'

Top markets

UZ
SAR 42,100
Uzbekistan
▲ 14%
KZ
SAR 28,600
Kazakhstan
▲ 5%
TR
SAR 19,300
Turkey
▼ 3%
Vue
<UiCountryRow code="UZ" name="Uzbekistan" amount="SAR 42,100" pct="+14%" />

<UiCountryRow code="KZ" name="Kazakhstan" amount="SAR 28,600" pct="+5%" />

<UiCountryRow code="TR" name="Turkey" amount="SAR 19,300" pct="-3%" />

API reference

Row with a country code badge, amount, country name and a percentage change.

Props

PropType and valuesDefaultDescription
coderequiredstring—Short code shown in the circle, such as "UZ".
namerequiredstring—Country name.
amountrequiredstring | number—Formatted amount shown in bold.
pctstring—Percentage change such as "+8%" or "-2%".