Körsatiş · primitive
Indikator
Istalgan element (ikon-tugma, avatar) burçagiga nuqta yoki son boğlaydi. Içida mavjud .fx-count yoki .fx-indicator__dot. Jarayon — nuqta atrofida halqa.
AZ
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-placement | top-startbottom-endbottom-start | top-end |
data-tone | successbrand | error |
Anatomiya
- root
.fx-indicatorşart - dot
.fx-indicator__dotixtiyoriy
Holatlar
processing
Klaviatura va kiriş
Indikator dekorativ (aria-hidden); ma'no ota elementning aria-label'ida: «Xabarlar, 3 ta yangi». Jarayon animatsiyasi reduced-motion'da öçadi.
Kod
AI uçun: qaçon işlatiladi
npx foxui add indicator
<span class="fx-indicator" data-placement="top-end"><button class="fx-btn" type="button" aria-label="Xabarlar, 3 ta yangi">Xabarlar</button><span class="fx-count" aria-hidden="true">3</span></span> <span class="fx-indicator" data-tone="success" data-placement="bottom-end" data-processing><span class="fx-avatar" role="img" aria-label="Aziz, onlayn">AZ</span><span class="fx-indicator__dot"></span></span>
Tokenlar: --fx-bg-brand-solid --fx-bg-error-solid --fx-bg-surface --fx-border-width-focus --fx-duration-pulse --fx-ease-standard --fx-fg-success --fx-radius-circle --fx-size-status-dot
Ş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.