Holat va javob · pattern
Natija sahifasi
Jarayon yoki sahifa natijasi: muvaffaqiyat, xato, ogohlantiriş, 404, 403, server xatosi (500), texnik işlar (503) va internet yöq (offline). Belgi şakli (yoki katta kod) + sarlavha + bitta qator izoh + keyingi qadam; 500/503/offline'da ixtiyoriy meta qator (sörov raqami, taxminiy tugaş vaqti, oxirgi saqlaş). «Böş holat»dan farqi: kattaroq, sahifaning özi. Töliq sahifa şabloni — errorpage.
XATO 500
Serverda nosozlik yuz berdi
Kiritgan ma'lumotlaringiz saqlangan. Bir daqiqadan söng qayta urinib köring — muammo davom etsa, quyidagi raqamni yozib yuboring.
TEXNIK IŞLAR
Sayt yangilanmoqda
Hammasi joyida — yangi versiyani örnatyapmiz. Ma'lumotlaringizga tegilmaydi.
Internet yöq
Ulanişni tekşiring. Oxirgi körgan sahifalaringiz oflayn ham oçiladi.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-status | successerrorwarning404403500 server xatosi503 texnik işlaroffline internet yöq | info |
data-size | compact | default |
Anatomiya
- root
.fx-resultşart - art
.fx-result__artixtiyoriy - code
.fx-result__codeixtiyoriy - title
.fx-result__titleşart - text
.fx-result__textixtiyoriy - actions
.fx-result__actionsixtiyoriy - meta
.fx-result__metaixtiyoriy
Klaviatura va kiriş
Sarlavha h1 (sahifa bölsa). Belgi aria-hidden; holat sarlavha sözida aytiladi. Dinamik paydo bölsa fokus sarlavhaga.
Kod
AI uçun: qaçon işlatiladi
- Forma/tölov tugagaç natija sahifasi.
- 404 va 403 sahifalari.
- Server xatosi (500), texnik işlar (503) va oflayn sahifa — nima bölganini va keyingi qadamni aytiş.
- Böş röyxat yoki topilmagan qidiruv →
empty - Qisqa vaqtinçalik xabar →
toast - «Xato yuz berdi» deb töxtamang — nima qiliş kerakligini ayting.
- 404/403 sahifada texnik tafsilot (stack trace) körsatmang.
- Röyxat böş bölsa natija sahifasi emas — böş holat.
- 500 sahifada foydalanuvçini aybdor qilmang — «biz tomonda nosozlik» deb, ma'lumot saqlanganini ayting.
npx foxui add result
<div class="fx-result" data-status="success"> <div class="fx-result__art" aria-hidden="true">✓</div> <h1 class="fx-result__title">Ariza yuborildi</h1> <p class="fx-result__text">Menejer 1 iş kuni içida boğlanadi.</p> <div class="fx-result__actions"><a class="fx-btn" data-variant="primary" href="#">Boş sahifaga</a></div> </div> <div class="fx-result" data-status="404"> <p class="fx-result__code">404</p> <h1 class="fx-result__title">Sahifa topilmadi</h1> <p class="fx-result__text">Manzil özgargan yoki sahifa öçirilgan bölişi mumkin.</p> <div class="fx-result__actions"><a class="fx-btn" href="#">Boş sahifaga</a><a class="fx-btn" data-variant="ghost" href="#">Qidiriş</a></div> </div> <div class="fx-result" data-status="500"> <div class="fx-result__art" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 8v5M12 16.5h.01"/><path d="M10.3 3.9 2.4 17.5A2 2 0 0 0 4.1 20.5h15.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/></svg></div> <p class="fx-result__code">XATO 500</p> <h1 class="fx-result__title">Serverda nosozlik yuz berdi</h1> <p class="fx-result__text">Kiritgan ma'lumotlaringiz saqlangan. Bir daqiqadan söng qayta urinib köring — muammo davom etsa, quyidagi raqamni yozib yuboring.</p> <p class="fx-result__meta">Sörov raqami: <code>req_8f2c41</code></p> <div class="fx-result__actions"><a class="fx-btn" data-variant="primary" href="#">Qayta uriniş</a><a class="fx-btn" data-variant="ghost" href="#">Yordam markazi</a></div> </div> <div class="fx-result" data-status="503" data-size="compact"> <div class="fx-result__art" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-.5-.5-2.5z"/></svg></div> <p class="fx-result__code">TEXNIK IŞLAR</p> <h1 class="fx-result__title">Sayt yangilanmoqda</h1> <p class="fx-result__text">Hammasi joyida — yangi versiyani örnatyapmiz. Ma'lumotlaringizga tegilmaydi.</p> <p class="fx-result__meta">Taxminiy tugaş: bugun 14:30</p> </div> <div class="fx-result" data-status="offline" data-size="compact"> <div class="fx-result__art" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M2 8.8a15 15 0 0 1 4.2-2.6M9.5 5.2A15 15 0 0 1 22 8.8M5 12.5a10 10 0 0 1 3.5-2M15 10.6a10 10 0 0 1 4 1.9M8.5 16a5 5 0 0 1 7 0M12 20h.01M3 3l18 18"/></svg></div> <h1 class="fx-result__title">Internet yöq</h1> <p class="fx-result__text">Ulanişni tekşiring. Oxirgi körgan sahifalaringiz oflayn ham oçiladi.</p> <div class="fx-result__actions"><button class="fx-btn" type="button">Qayta yuklaş</button></div> </div>
Tokenlar: --fx-bg-error-subtle --fx-bg-info-subtle --fx-bg-muted --fx-bg-subtle --fx-bg-success-subtle --fx-bg-warning-subtle --fx-fg-error --fx-fg-info --fx-fg-success --fx-fg-warning --fx-font-adjust-mono --fx-font-family-mono --fx-font-size-display-md --fx-font-size-display-sm --fx-font-size-lg --fx-font-size-sm --fx-font-size-xl --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-semibold --fx-radius-badge --fx-radius-circle --fx-radius-surface --fx-size-icon-lg --fx-space-1 --fx-space-12 --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-6 --fx-space-8 --fx-text-primary --fx-text-secondary --fx-text-tertiary