Körsatiş · molecule
Odam qatori
Avatar + ism + ikkinçi qator (rol, poçta, holat) + ixtiyoriy öng tomonda amal. Jadval, röyxat, izoh, faoliyat lentasida takrorlanadi. Ism — haqiqiy matn.
AK
Aziz Karimov
Bobur Toshmatov
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-size | smlg | md |
Anatomiya
- root
.fx-personaşart - text
.fx-persona__textixtiyoriy - name
.fx-persona__nameşart - meta
.fx-persona__metaixtiyoriy - end
.fx-persona__endixtiyoriy
Holatlar
hoverfocus
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Tab, Enter | Havola bölsa (a.fx-persona) profilga ötadi |
Ism — oddiy matn; avatar alohida nom bermaydi (juft takror öqilmasin: avatar aria-hidden yoki ism bilan bir xil). Holat nuqtasi matnda ham aytilsin («onlayn»).
Kod
AI uçun: qaçon işlatiladi
npx foxui add persona
<div class="fx-persona"> <span class="fx-avatar" data-color="yellow" data-status="active" role="img" aria-label="Aziz Karimov">AK</span> <span class="fx-persona__text"><span class="fx-persona__name">Aziz Karimov</span><span class="fx-persona__meta">Savdo menejeri · onlayn</span></span> <span class="fx-persona__end"><button class="fx-btn" type="button">Yoziş</button></span> </div> <div class="fx-persona" data-size="sm"><span class="fx-persona__text"><span class="fx-persona__name">Bobur Toshmatov</span><span class="fx-persona__meta">[email protected]</span></span></div>
Tokenlar: --fx-border-color-focus --fx-border-width-focus --fx-font-size-lg --fx-font-size-sm --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-semibold --fx-radius-nav --fx-space-1 --fx-space-2 --fx-space-3 --fx-space-4 --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.