Ma'lumot · molecule
Xulosa tasmasi
Röyxat sarlavhasi ostidagi bir qatorli xulosa: joriy filtr böyiça 3–4 raqam (jami, muddati ötgan, tanlangan) va ixtiyoriy «eskiriş» çiziği (köp bölakli progress + legenda). Plitka emas — çegarasiz, ajratgiç çiziqlar orasida (PDP listpage__stat).
- Jami summa
- 412,6 mln 248 ta ariza
- Muddati ötgan
- 38,2 mln 12 ta · 9 %
- Tanlangan
- 0 qator belgilanmagan
- Eskiriş
- 0–30 kun62 %
- 31–6025 %
- 60+13 %
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-tone | warningerror | neutral |
Anatomiya
- root
.fx-statstripşart - item
.fx-statstrip__itemşart - label
.fx-statstrip__labelixtiyoriy - value
.fx-statstrip__valueşart - hint
.fx-statstrip__hintixtiyoriy - aging
.fx-statstrip__agingixtiyoriy
Klaviatura va kiriş
<dl> (yorliq <dt>, qiymat <dd>) + aria-label; eskiriş çiziği role="img" + aria-label, legenda sonlari matnda.
Kod
AI uçun: qaçon işlatiladi
npx foxui add statstrip
<dl class="fx-statstrip" aria-label="Joriy filtr böyiça xulosa">
<div class="fx-statstrip__item"><dt class="fx-statstrip__label">Jami summa</dt><dd class="fx-statstrip__value">412,6 mln</dd><span class="fx-statstrip__hint">248 ta ariza</span></div>
<div class="fx-statstrip__item" data-tone="error"><dt class="fx-statstrip__label">Muddati ötgan</dt><dd class="fx-statstrip__value">38,2 mln</dd><span class="fx-statstrip__hint">12 ta · 9 %</span></div>
<div class="fx-statstrip__item"><dt class="fx-statstrip__label">Tanlangan</dt><dd class="fx-statstrip__value">0</dd><span class="fx-statstrip__hint">qator belgilanmagan</span></div>
<div class="fx-statstrip__aging">
<dt class="fx-statstrip__label">Eskiriş</dt>
<dd class="fx-progress" data-variant="stacked" data-size="lg" role="img" aria-label="Eskiriş: 0–30 kun 62 %, 31–60 kun 25 %, 60 kundan köp 13 %" style="margin:0">
<span class="fx-progress__seg" data-role="ink" style="--fx-progress-value: 62%"></span><span class="fx-progress__seg" data-role="accent" style="--fx-progress-value: 25%"></span><span class="fx-progress__seg" data-role="risk" style="--fx-progress-value: 13%"></span>
</dd>
<ul class="fx-legend" aria-label="Eskiriş guruhlari"><li class="fx-legend__item"><span class="fx-legend__swatch" data-role="ink"></span><span class="fx-legend__label">0–30 kun</span><span class="fx-legend__value">62 %</span></li><li class="fx-legend__item"><span class="fx-legend__swatch" data-role="accent"></span><span class="fx-legend__label">31–60</span><span class="fx-legend__value">25 %</span></li><li class="fx-legend__item"><span class="fx-legend__swatch" data-role="risk"></span><span class="fx-legend__label">60+</span><span class="fx-legend__value">13 %</span></li></ul>
</div>
</dl>Tokenlar: --fx-border-color-default --fx-border-width-default --fx-fg-error --fx-fg-warning --fx-font-adjust-numeric --fx-font-family-numeric --fx-font-size-xl --fx-font-size-xs --fx-font-weight-medium --fx-popover-width --fx-space-1 --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-8 --fx-text-primary --fx-text-tertiary
Şu toifadan
API kalitlariAPI kalitlari boşqaruvi (naqş): «Yangi kalit» dialogi (nom, muddat, ruxsat) → kalit BIR MARTA körsatiladi (nusxalaş tugmasi va ogohlantiriş bilan) → röyxatda faqat prefiks qoladi.Audit jurnaliXavfsizlik va boşqaruv jurnali (4.191): «kim · nima · qaçon · qayerdan».Ustunli röyxatHar satrda nom, uluş çiziği va qiymat: eng köp trafik manbalari, şaharlar, mahsulotlar.Tarif va hisob-kitobTarif va hisob-kitob sahifasi (naqş): joriy reja (narx sömda, keyingi tölov sanasi, avtomatik uzaytiriş), foydalaniş meter'lari (çegara yaqin — ogohlantiriş), tölov usuli (karta turi, •••• 4417, muddat) va hisob-fakturalar jadvali (PDF).Doska (kanban)Holat ustunlari va kartalar.GrafikGrafik oilasi: ustun (guruh, ustma-ust), gorizontal ustun, çiziq (yakka seriyada sönuvçi maydon), mini-çiziq, donut (≤ 4 bölak), uluş çiziği, çiziqli ölçagiç va issiqlik xaritasi.