Harakat · molecule
Ommaviy panel
Tanlov bölsa pastda markazda suzib çiqadigan panel: son, summa (ixtiyoriy), amallar, ×. Esc tanlovni bekor qiladi.
Jarayonda 2
- FX-214Grafik tooltipi klaviaturadaKomponentKeçaMF
- FX-219Doska: klaviatura bilan sudraşBugunGU
Anatomiya
- root
.fx-bulkbarşart - count
.fx-bulkbar__countşart - sum
.fx-bulkbar__sumixtiyoriy - separator
.fx-bulkbar__sepixtiyoriy
Holatlar
hidden
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Esc | Tanlovni bekor qiladi |
Son jonli yangilanadi; × tugmasi aria-label bilan; Esc tanlovni bekor qiladi.
Naqş: WAI-ARIA APG toolbar · rol toolbar
Kod
AI uçun: qaçon işlatiladi
Işlating
- Röyxat yoki jadvalda bir neçta qator tanlanganda amallar.
Işlatmang
- Jadval içidagi tepadagi panel →
table - Panelda 4 tadan köp amal qöymang — qolgani menyuda.
npx foxui add bulkbar
<details class="fx-rows__group" open><summary><span class="fx-flow" data-state="progress" aria-hidden="true"></span>Jarayonda <span class="fx-rows__count">2</span></summary> <ul class="fx-rows" id="bb-list"> <li class="fx-row"><span class="fx-row__lead"><span class="fx-prio" data-level="urgent" role="img" aria-label="Şoşilinç"><i></i></span><label class="fx-check fx-row__sel"><input type="checkbox" aria-label="Tanlaş: FX-214"><span class="fx-check__box"></span></label></span><span class="fx-row__id">FX-214</span><span class="fx-flow" data-state="progress" role="img" aria-label="Jarayonda"></span><a class="fx-row__title" href="#">Grafik tooltipi klaviaturada</a><span class="fx-row__end"><span class="fx-badge" data-color="blue">Komponent</span><span class="fx-row__due" data-tone="late">Keça</span><span class="fx-avatar" data-size="sm" data-color="purple" role="img" aria-label="Mister Fox">MF</span></span></li> <li class="fx-row"><span class="fx-row__lead"><span class="fx-prio" data-level="2" role="img" aria-label="Örta"><i></i></span><label class="fx-check fx-row__sel"><input type="checkbox" aria-label="Tanlaş: FX-219"><span class="fx-check__box"></span></label></span><span class="fx-row__id">FX-219</span><span class="fx-flow" data-state="review" role="img" aria-label="Tekşiruvda"></span><a class="fx-row__title" href="#">Doska: klaviatura bilan sudraş</a><span class="fx-row__end"><span class="fx-row__due" data-tone="soon">Bugun</span><span class="fx-avatar" data-size="sm" data-color="yellow" role="img" aria-label="Guli">GU</span></span></li> </ul></details> <div class="fx-bulkbar" data-fx-bulkbar="#bb-list" hidden><span class="fx-bulkbar__count"><span data-count>0</span> ta tanlandi</span><span class="fx-bulkbar__sep"></span><button class="fx-btn" data-size="sm" type="button">Holat</button><button class="fx-btn" data-size="sm" type="button">Bajaruvçi</button><button class="fx-btn" data-size="sm" type="button">Öçiriş</button><button class="fx-btn" data-size="sm" data-shape="icon" type="button" data-clear aria-label="Tanlovni bekor qiliş">×</button></div>
Tokenlar: --fx-bg-page --fx-border-width-default --fx-ease-exit --fx-font-size-sm --fx-font-weight-semibold --fx-motion-exit-fast --fx-motion-shift-md --fx-radius-overlay --fx-shadow-lg --fx-size-icon-sm --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-8 --fx-text-primary
Şu toifadan
TugmaAmal tugmasi.AI checkpointAI suhbati yoki agent lentasidagi «şu nuqtaga qaytiş» belgisi (4.204, Vercel AI Elements «Checkpoint»; Cursor va Claude Code'dagi rewind).Yopiş tugmasiDialog, sheet, alert va chip uçun bir xil ✕ tugmasi.Nusxa tugmasiBir bosişda matn clipboard'ga yoziladi: nusxa ikoni ✓ ga yumşoq almaşadi (2 soniya), natija e'lon qilinadi.Prujinali sudraşElementni barmoq yoki siçqonça bilan suriş: sudralayotganda körsatkiçga yopişadi va biroz kötariladi, qöyib yuborilganda tezligi bilan biroz davom etadi (inersiya) va prujina bilan joyiga qaytadi (HIG, M3 Expressive, Vaul).FAB va speed dialEkran burçagidagi bitta asosiy amal (4.150, M3 FAB): telefonda «Yangi bitim», «Ariza qöşiş».