Holat va javob · molecule
Holat
Holat belgisi: şakl + söz. Bajarildi — doira, ogohlantiriş — uçburçak, xato — romb, kutilmoqda — halqa, neytral — kvadrat. Kengaytma: data-pulse (“jonli” puls; pending — aylanadi), data-size=sm|lg.
Tölangan
Muddati yaqin
Muddati ötgan
Kutilmoqda
Qoralama
Jonli efir Sinxronlanmoqda
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-tone | successwarningerrorpendingneutral | neutral |
data-pulse | true | — |
data-size | smlg | — |
Anatomiya
- root
.fx-statusşart
Klaviatura va kiriş
Holat söz bilan yoziladi — şakl va rang qöşimça.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Jadval katagi, ziç röyxat — yozuv holatini körsatiş.
Işlatmang
- Alohida turgan yorliq →
badge - Sözsiz faqat belgining özini qoldirmang.
npx foxui add status
<span class="fx-status" data-tone="success">Tölangan</span> <span class="fx-status" data-tone="warning">Muddati yaqin</span> <span class="fx-status" data-tone="error">Muddati ötgan</span> <span class="fx-status" data-tone="pending">Kutilmoqda</span> <span class="fx-status" data-tone="neutral">Qoralama</span> <span class="fx-status" data-tone="success" data-pulse>Jonli efir</span> <span class="fx-status" data-tone="pending" data-pulse data-size="sm">Sinxronlanmoqda</span>
Tokenlar: --fx-border-width-focus --fx-duration-pulse --fx-duration-spin --fx-ease-standard --fx-fg-error --fx-fg-success --fx-fg-warning --fx-font-size-md --fx-font-size-sm --fx-font-size-xs --fx-radius-badge --fx-radius-circle --fx-size-status-dot --fx-space-1 --fx-space-2 --fx-text-primary --fx-text-secondary --fx-text-tertiary
Şu toifadan
OgohlantirişBölim yoki sahifadagi muhim xabar: töla tusli yuza, holat belgisi (şakl), sarlavha, matn, bitta havola, ixtiyoriy yopiş.Tasdiqlaş sörovi (ruxsat / rad)Agent xavfli yoki qaytarib bölmaydigan amaldan oldin ruxsat söraydi: savol, nima özgarişi (tafsilot) va Ruxsat beriş / Rad etiş / Har doim ruxsat.BannerButun kenglikdagi sayt e'loni (texnik işlar, obuna tugadi): holat belgisi (şakl), qisqa matn, bitta havola, yopiş.Portlaş va konfettiYoqtiriş va muvaffaqiyat uçun qisqa, bir martalik quvonç effektlari (Magic UI Confetti, Twitter «yoqdi»).Boşlaş röyxatiYangi foydalanuvçi uçun onboarding kartasi: jarayon çiziği va «2 / 5», qadamlar röyxati.Cookie roziligiCookie va kuzatuv roziligi naqşi (4.180, GOV.UK Cookie banner; GDPR 2-bosqiç uçun): pastki karta — nima uçun cookie kerakligi bir-ikki gapda, «Qabul qiliş», «Rad etiş» (bir xil vaznli — rad etiş yaşirilmaydi) va «Sozlaş».