Tanlaş · molecule

Yozuv tanlovi

Öquvçi uçun yozuv tanlovi (Qaror 22.10 #4): Yangi (davlat alifbosi: ş ç ö ğ) · Eski lotin · Кирилл. Sahifa yangi alifboda yoziladi; tanlov brauzerda saqlanadi va matn DOM'da brauzerning özida ögiriladi — server, baza va manzillarga tegilmaydi. code, pre, kbd, input, [translate="no"] va [data-yozuv-skip] ögirilmaydi; eski lotindagi blok — data-yozuv-manba="eski" («Yangi»da yangi alifboga ötadi). Ögiriş yadrosi — foxui/yozuv (serverda ham işlatiladi). fx-segment ustiga qurilgan; ixçam variant data-variant="short".

beta0.1.0 dan.fx-yozuvCSS + JS

Toşkent — Özbekistonning poytaxti. Bu yerda çiroyli bağlar, eski şahar va yangi köçalar bor. fx-yozuv va https://foxui.dev tegilmaydi.

Oʻzbekiston Milliy ensiklopediyasidan: «Toshkent — qadimiy shahar». Bu blok eski lotinda yozilgan — «Yangi» tanlansa yangi alifboda oʻqiladi.

Variantlar

AtributQiymatlarStandart
data-variantfull
short ixçam yorliqlar (Yangi · Eski · Кир) — header va telefon uçun
full

Anatomiya

  1. root.fx-yozuvşart
  2. item.fx-segment__itemşart
  3. label.fx-yozuv__labelşart
  4. label-short.fx-yozuv__label-shortixtiyoriy

Holatlar

selected

Klaviatura va kiriş

TugmaAmal
Tab, Enter, SpaceYozuvni tanlaydi

role="group" + aria-label; tanlangani aria-pressed="true"; kirill tugmasi lang="uz-Cyrl"; kirill tanlanganda <html lang="uz-Cyrl"> — ekran öquvçi töğri talaffuz qiladi.

Naqş: WAI-ARIA APG toolbar · rol group

Kod

AI uçun: qaçon işlatiladi
Işlating
  • Matnli sayt (ensiklopediya, blog, maqola) — öquvçi öziga qulay yozuvni tanlaydi.
  • Header yoki maqola tepasida, til tanlovi yonida.
Işlatmang
  • Interfeys tilini (özbek/rus/ingliz) almaştiriş → langswitch
  • Ikki holatli oddiy tanlov → segment
  • Кирилл tugmasini har saytga qöymang — hozir faqat Manbaa'da (Qaror 22.10 #4); boşqa saytlarda faqat Yangi va Eski lotin (kirill tugmasi markup'da bölmasa, çiqmaydi).
  • Yorliqlarni ögiriladigan qilmang — har yorliq öz yozuvida turadi (data-yozuv-skip butun tanlovga).
  • Kontentni bazada uç yozuvda saqlamang — manba bitta (yangi alifbo), qolgani brauzerda ögiriladi.
  • Manzil (slug) va qidiruvni yozuvga boğlamang — slug ASCII (foxui/slug), qidiruv asciiLotin bilan ikkala yozuvni teng köradi.
npx foxui add yozuv
<div class="fx-segment fx-yozuv" role="group" aria-label="Yozuv" data-fx-yozuv data-yozuv-skip>
  <button class="fx-segment__item" type="button" data-value="yangi" aria-pressed="true"><span class="fx-yozuv__label">Yangi</span><span class="fx-yozuv__label-short">Yangi</span></button>
  <button class="fx-segment__item" type="button" data-value="eski" aria-pressed="false"><span class="fx-yozuv__label">Eski lotin</span><span class="fx-yozuv__label-short">Eski</span></button>
  <button class="fx-segment__item" type="button" data-value="kirill" aria-pressed="false" lang="uz-Cyrl"><span class="fx-yozuv__label">Кирилл</span><span class="fx-yozuv__label-short">Кир</span></button>
</div>
<div class="fx-segment fx-yozuv" data-variant="short" data-size="sm" role="group" aria-label="Yozuv (ixcham)" data-fx-yozuv data-yozuv-skip>
  <button class="fx-segment__item" type="button" data-value="yangi" aria-pressed="true"><span class="fx-yozuv__label">Yangi</span><span class="fx-yozuv__label-short">Yangi</span></button>
  <button class="fx-segment__item" type="button" data-value="eski" aria-pressed="false"><span class="fx-yozuv__label">Eski lotin</span><span class="fx-yozuv__label-short">Eski</span></button>
  <button class="fx-segment__item" type="button" data-value="kirill" aria-pressed="false" lang="uz-Cyrl"><span class="fx-yozuv__label">Кирилл</span><span class="fx-yozuv__label-short">Кир</span></button>
</div>
<p>Toşkent — Özbekistonning poytaxti. Bu yerda çiroyli bağlar, eski şahar va yangi köçalar bor. <code>fx-yozuv</code> va https://foxui.dev tegilmaydi.</p>
<blockquote data-yozuv-manba="eski">Oʻzbekiston Milliy ensiklopediyasidan: «Toshkent — qadimiy shahar». Bu blok eski lotinda yozilgan — «Yangi» tanlansa yangi alifboda oʻqiladi.</blockquote>

Şu toifadan

Libosni sozlangButun sayt şu zahoti kiyinadi

Libos

Premium liboslar — obunada: bepul 3 ta ustiga yana 13 ta. Bu yerda hammasini sinab körasiz. Narxlar

Brendlar ilhomida · 11

Faqat uslub ilhomi; belgilar — Simple Icons (CC0) va logobank.uz (Uzum), savdo belgilari egalariga tegişli.

Rejim
Qölda sozlaş — dasturçilar uçun

Rang

Şakl va çegara

Şrift juftligi

Qölda tanlaş

Qulaylik

Harakat
Ziçlik
Material (tajriba)