Ma'lumot · pattern
Doska (kanban)
Holat ustunlari va kartalar. Karta siçqonça bilan yoki klaviaturada sudraladi (Space — kötariş, strelkalar — suriş, Space — qöyiş, Esc — bekor). WIP çegarasi oşsa — ogohlantiriş; ustun yiğiladi (tor vertikal). Har köçişda fx-board-move hodisasi.
- FX-221KomponentGU
- FX-224KomponentSA
- FX-214KomponentMI
- FX-218SaytFO
- FX-219
Doska: klaviatura bilan sudraş
KomponentGU
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-collapsed | | — |
Anatomiya
- root
.fx-boardşart - column
.fx-board__colşart - head
.fx-board__headixtiyoriy - title
.fx-board__titleixtiyoriy - count
.fx-board__countixtiyoriy - list
.fx-board__listşart - card
.fx-board__cardşart - top
.fx-board__topixtiyoriy - card-title
.fx-board__titleixtiyoriy - foot
.fx-board__footixtiyoriy - add
.fx-board__addixtiyoriy
Holatlar
liftedover-wipdrop
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter (kartada) | Kartani oçadi — sarlavhadagi havola (butun karta bosiladi) |
| Space | Kartani kötaradi / qöyadi |
| ← → | Boşqa ustunga |
| ↑ ↓ | Ustun içida tartib |
| Esc | Bekor qiladi |
Karta tabindex=0, aria-roledescription «sudraladigan karta»; köçiş ekran öquvçiga aytiladi (aria-live).
Naqş: WAI-ARIA APG listbox · rol list
Kod
AI uçun: qaçon işlatiladi
npx foxui add board
<div class="fx-board" data-fx-board> <section class="fx-board__col" aria-label="Qilinadi"><header class="fx-board__head"><span class="fx-flow" data-state="todo" aria-hidden="true"></span><span class="fx-board__title">Qilinadi</span><span class="fx-board__count"></span></header><ul class="fx-board__list"><li class="fx-board__card"><div class="fx-board__top"><span>FX-221</span><span class="fx-prio" data-level="2" role="img" aria-label="Ustuvorlik"><i></i></span></div><p class="fx-board__title"><a href="#karta-1">Çat namunasi: composer</a></p><div class="fx-board__foot"><span class="fx-badge" data-color="blue">Komponent</span><span class="fx-avatar" data-size="sm" data-color="yellow" role="img" aria-label="Guli">GU</span></div></li><li class="fx-board__card"><div class="fx-board__top"><span>FX-224</span><span class="fx-prio" data-level="1" role="img" aria-label="Ustuvorlik"><i></i></span></div><p class="fx-board__title"><a href="#karta-2">Sana tanlagiç</a></p><div class="fx-board__foot"><span class="fx-badge" data-color="blue">Komponent</span><span class="fx-avatar" data-size="sm" data-color="blue" role="img" aria-label="Sardor">SA</span></div></li></ul></section> <section class="fx-board__col" data-wip="2" aria-label="Jarayonda"><header class="fx-board__head"><span class="fx-flow" data-state="progress" aria-hidden="true"></span><span class="fx-board__title">Jarayonda</span><span class="fx-board__count"></span></header><ul class="fx-board__list"><li class="fx-board__card"><div class="fx-board__top"><span>FX-214</span><span class="fx-prio" data-level="urgent" role="img" aria-label="Ustuvorlik"><i></i></span></div><p class="fx-board__title"><a href="#karta-3">Grafik tooltipi klaviaturada</a></p><div class="fx-board__foot"><span class="fx-badge" data-color="blue">Komponent</span><span class="fx-avatar" data-size="sm" data-color="purple" role="img" aria-label="Mister Fox">MI</span></div></li><li class="fx-board__card"><div class="fx-board__top"><span>FX-218</span><span class="fx-prio" data-level="3" role="img" aria-label="Ustuvorlik"><i></i></span></div><p class="fx-board__title"><a href="#karta-4">Dashboard namunasi</a></p><div class="fx-board__foot"><span class="fx-badge" data-color="blue">Sayt</span><span class="fx-avatar" data-size="sm" data-color="green" role="img" aria-label="Fox UI">FO</span></div></li><li class="fx-board__card"><div class="fx-board__top"><span>FX-219</span><span class="fx-prio" data-level="2" role="img" aria-label="Ustuvorlik"><i></i></span></div><p class="fx-board__title"><a href="#karta-5">Doska: klaviatura bilan sudraş</a></p><div class="fx-board__foot"><span class="fx-badge" data-color="blue">Komponent</span><span class="fx-avatar" data-size="sm" data-color="yellow" role="img" aria-label="Guli">GU</span></div></li></ul></section> <section class="fx-board__col" aria-label="Bajarildi" data-collapsed><header class="fx-board__head"><span class="fx-flow" data-state="done" aria-hidden="true"></span><span class="fx-board__title">Bajarildi</span><span class="fx-board__count">12</span></header><ul class="fx-board__list"></ul></section> </div>
Tokenlar: --fx-bg-brand-subtle --fx-bg-subtle --fx-bg-surface --fx-bg-warning-subtle --fx-border-color-focus --fx-border-color-surface --fx-border-width-default --fx-border-width-focus --fx-control-h-lg --fx-control-h-sm --fx-ease-standard --fx-fg-warning --fx-font-adjust-mono --fx-font-family-mono --fx-font-size-sm --fx-font-size-xs --fx-font-weight-medium --fx-font-weight-regular --fx-font-weight-semibold --fx-knob-motion-press --fx-motion-fast --fx-radius-badge --fx-radius-control --fx-radius-surface --fx-shadow-lg --fx-shadow-md --fx-shadow-sm --fx-space-1 --fx-space-12 --fx-space-2 --fx-space-3 --fx-space-4 --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).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.Grafik kartasiGrafikni örab turuvçi karta: sarlavha + izoh + amallar (davr segmenti, menyu), grafik, pastda legenda va manba.