Körsatiş · primitive
Mamlakat bayroği
Sodda geometrik bayroqlar (4.145) — telefon kodi (+998), til va valyuta tanlagiçlari, mijoz mamlakati ustuni uçun. Faqat CSS gradientlar: rasm yuklanmaydi, inline SVG va emoji yöq (emoji bayroq Windows'da «UZ» harflari bölib çiqadi). Çizma 4:3; data-shape="circle" — avatar va til tugmasi uçun doira. 12 mamlakat: Özbekiston, Qozoğiston, Rossiya, Turkiya, AQSh, BAA, Xitoy, Koreya, Tojikiston, Qirğiziston, Germaniya, Yaponiya. Mayda detallar (yulduz, gerb) nuqta yoki halqaga soddalaştirilgan — 16–24 px'da baribir körinmaydi.
- Özbekiston +998
- Qozoğiston +7
- Rossiya +7
- Turkiya +90
- AQSh +1
- BAA +971
- Xitoy +86
- Koreya Respublikasi +82
- Tojikiston +992
- Qirğiziston +996
- Germaniya +49
- Yaponiya +81
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-country | uz Özbekistonkz Qozoğistonru Rossiyatr Turkiyaus AQShae BAAcn Xitoykr Koreya Respublikasitj Tojikistonkg Qirğizistonde Germaniyajp Yaponiya | — |
data-size | smmdlgxl | md |
data-shape | rect 4:3circle doira, çetlari kesiladi | rect |
Anatomiya
- root
.fx-flagşart - label
.fx-flag-labelixtiyoriy - code
.fx-flag-label__codeixtiyoriy
Klaviatura va kiriş
Mazmunli bayroq: role="img" + aria-label (mamlakat nomi). Yonida nom yozilgan bölsa — aria-hidden="true" (takrorlanmasin).
Kod
AI uçun: qaçon işlatiladi
Işlating
- Telefon raqami maydonida mamlakat kodi (+998) yonida.
- Mijozlar jadvalida mamlakat ustuni, valyuta va til tanlagiç.
Işlatmang
- Brend yoki kompaniya logotipi →
avatar - Telefon raqami kiritiş (kod tanlaş bilan) →
phone - Bayroqni yolğiz qoldirmang — yonida mamlakat nomi yoki kodi bölsin (bayroqlar öxşaş: Rossiya va Sloveniya, Indoneziya va Polşa).
- Til tanlagiçda bayroqni til belgisi qilmang (ingliz tili ≠ AQSh) — til nomini yozing, bayroq faqat qöşimça.
- Röyxatda yöq mamlakat uçun boşqa bayroqni qöymang — data-country notöğri bölsa neytral kulrang törtburçak çiqadi.
npx foxui add flag
<ul aria-label="Telefon kodlari" style="display:grid;gap:var(--fx-space-2);list-style:none;padding:0;margin:0"> <li class="fx-flag-label"><span class="fx-flag" data-country="uz" role="img" aria-label="Özbekiston"></span>Özbekiston <span class="fx-flag-label__code">+998</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="kz" role="img" aria-label="Qozoğiston"></span>Qozoğiston <span class="fx-flag-label__code">+7</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="ru" role="img" aria-label="Rossiya"></span>Rossiya <span class="fx-flag-label__code">+7</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="tr" role="img" aria-label="Turkiya"></span>Turkiya <span class="fx-flag-label__code">+90</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="us" role="img" aria-label="AQSh"></span>AQSh <span class="fx-flag-label__code">+1</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="ae" role="img" aria-label="BAA"></span>BAA <span class="fx-flag-label__code">+971</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="cn" role="img" aria-label="Xitoy"></span>Xitoy <span class="fx-flag-label__code">+86</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="kr" role="img" aria-label="Koreya Respublikasi"></span>Koreya Respublikasi <span class="fx-flag-label__code">+82</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="tj" role="img" aria-label="Tojikiston"></span>Tojikiston <span class="fx-flag-label__code">+992</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="kg" role="img" aria-label="Qirğiziston"></span>Qirğiziston <span class="fx-flag-label__code">+996</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="de" role="img" aria-label="Germaniya"></span>Germaniya <span class="fx-flag-label__code">+49</span></li> <li class="fx-flag-label"><span class="fx-flag" data-country="jp" role="img" aria-label="Yaponiya"></span>Yaponiya <span class="fx-flag-label__code">+81</span></li> </ul> <p class="fx-flag-label"><span class="fx-flag" data-country="uz" data-size="xl" role="img" aria-label="Özbekiston"></span><span class="fx-flag" data-country="uz" data-size="lg" data-shape="circle" role="img" aria-label="Özbekiston"></span><span class="fx-flag" data-country="tr" data-size="lg" data-shape="circle" role="img" aria-label="Turkiya"></span><span class="fx-flag" data-country="us" data-size="sm" role="img" aria-label="AQSh"></span></p>
Tokenlar: --fx-bg-muted --fx-border-color-default --fx-border-width-default --fx-color-amber-300 --fx-color-black --fx-color-blue-300 --fx-color-blue-600 --fx-color-blue-700 --fx-color-blue-900 --fx-color-green-600 --fx-color-red-600 --fx-color-white --fx-font-size-sm --fx-radius-badge --fx-radius-circle --fx-size-icon-lg --fx-size-icon-md --fx-size-icon-sm --fx-space-12 --fx-space-2 --fx-text-primary --fx-text-tertiary
Şu toifadan
Nişon kartasiYutuq nişoni: belgi (emoji yoki ikon) + nom + sabab.BiriktirmaFayl yoki rasm kartoçkasi: belgi (tur) yoki rasm, nom, hajm, olib taşlaş ×, yuklaniş çiziği.Audio pleyerIxçam audio pleyer: ijro tugmasi, sarlavha, tölqinsimon progress (bosib yoki ← → bilan suriladi), vaqt va tezlik (1× · 1,5× · 2×).AvatarKvadrat avatar: ikki harf yoki surat, 6 toifa rangi, 3 ölçam (sm 22 · md 36 · lg 56), ixtiyoriy holat nuqtasi (active — puls, waiting, stopped, idle).Belgi (badge)Holat yoki toifa yorliği.Boğlovçi nurIntegratsiya va ma'lumot oqimi sxemasi (4.70): tugunlar (logo yoki ikon) orasida yumşoq egri çiziq, ustidan yuguruvçi nur yönalişni körsatadi.