Qatlamlar · compound
Kontekst menyu
Maydon yoki qator ustida öng tugma, sensorda uzoq bosiş yoki klaviaturada Shift+F10 / ☰ bilan menyu kursor örnida oçiladi. Menyuning özi — oddiy fx-menu; ekran çetiga siğmasa suriladi. Kontekst menyuda faqat qöşimça tezkor amallar bölsin — asosiylari sahifada ham körinsin.
shartnoma.pdf — öng tugma yoki Shift+F10
Anatomiya
- area
.fx-contextşart - menu
.fx-menu[data-context]şart
Holatlar
open
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Shift + F10, ☰ | Fokusdagi element uçun menyu oçadi |
| ↑ ↓, Home, End | Bandlar böylab |
| Esc | Yopadi, fokus maydonga |
Maydon tabindex=0 (klaviaturada Shift+F10 / ContextMenu); menyu role=menu — fx-menu klaviaturasi. Yopilganda fokus maydonga qaytadi.
Naqş: WAI-ARIA APG menu-button · rol menu
Kod
AI uçun: qaçon işlatiladi
Işlating
- Fayl, qator, kartaga tezkor qöşimça amallar (nom özgartiriş, nusxa, öçiriş).
npx foxui add context
<div class="fx-context" data-fx-context="cm" tabindex="0" role="group" aria-label="Fayl: shartnoma.pdf. Kontekst menyu uçun Shift+F10" style="padding: var(--fx-space-8); border: var(--fx-border-width-default) dashed var(--fx-border-color-strong); border-radius: var(--fx-radius-surface); text-align: center"> shartnoma.pdf — öng tugma yoki Shift+F10 </div> <div class="fx-menu" id="cm" role="menu" popover data-fx-menu data-context aria-label="Fayl amallari"> <button class="fx-menu__item" role="menuitem">Oçiş <span class="fx-menu__kbd">Enter</span></button> <button class="fx-menu__item" role="menuitem">Nom özgartiriş <span class="fx-menu__kbd">F2</span></button> <button class="fx-menu__item" role="menuitem">Nusxa oliş <span class="fx-menu__kbd">Ctrl+C</span></button> <hr class="fx-menu__sep"> <button class="fx-menu__item" role="menuitem" data-tone="danger">Öçiriş <span class="fx-menu__kbd">Del</span></button> </div>
Tokenlar: --fx-bg-subtle --fx-border-color-focus --fx-border-width-focus
Şu toifadan
AI yordamçi (widget)Saytlar uçun AI yordamçi: öng pastda dumaloq tugma (çat ikonkasi yoki ixtiyoriy personaj) → suhbat oynasi.Kontekst menyuÖng tugma, uzoq bosiş (telefon) yoki Shift+F10 / Menu tugmasi bilan kursor joyida oçiladigan menyu (4.147).DialogTasdiq va qisqa formalar uçun modal oyna.Suzuvçi oynaSahifa ustida qoladigan, modal bölmagan panel (4.152): video qönğiroq, AI yordamçi, kalkulyator, tezkor eslatma — foydalanuvçi orqadagi sahifa bilan işlaşda davom etadi.Hover kartaIsm, havola yoki avatar ustida keçikiş bilan çiqadigan kartoçka (4.149): mijoz profili, bitim qisqaçasi, havola oldindan körinişi.LightboxRasm körgiç: töliq ekran native <dialog> — katta rasm, yaqinlaştiriş (bosiş yoki ⊕; siçqonça siljitilsa rasm suriladi), oldingi/keyingi, sanagiç, imzo.