Harakat · molecule
Tez çiqiş
Xavfli vaziyatdagi foydalanuvçi uçun «Saytdan tez çiqiş» tugmasi (4.165, GOV.UK «Exit this page»): bir bosiş yoki Shift'ni 3 marta bosiş bilan sahifa darhol neytral saytga almaşadi (location.replace — «Orqaga» bu sahifaga qaytarmaydi), ötiş paytida mazmun parda bilan yopiladi. Shift hisobi nuqtalarda va ekran öquvçiga aytiladi; orada boşqa tugma bosilsa hisob yangidan boşlanadi (katta harf yoziş çiqarib yubormaydi). Joylaşuv: sticky (standart sahifa tepasida yopişqoq) · fixed · inline.
yoki Shift tugmasini 3 marta bosing
Işonç telefoni — keça-kunduz
Oiladagi zöravonlik böyiça maslahat — bepul va maxfiy. Kimdir yoningizga kelsa — «Saytdan tez çiqiş» tugmasini bosing.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-placement | sticky sahifa tepasida yopişqoqfixed doim öng tepadainline oqimda | sticky |
Anatomiya
- root
.fx-quickexitşart - button
.fx-quickexit__btnşart - hint
.fx-quickexit__hintixtiyoriy - dots (Shift hisobi)
.fx-quickexit__dotsixtiyoriy - status (ekran öquvçi)
.fx-quickexit__statusixtiyoriy - overlay (çiqiş pardasi)
.fx-quickexit__overlayixtiyoriy
Holatlar
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter | Darhol neytral saytga ötadi |
| Shift × 3 (5 soniya ichida) | Sahifaning istalgan joyidan çiqiş |
Oddiy havola — JS'siz ham neytral saytga olib boradi. Shift hisobi role=status orqali aytiladi («Shift 2 marta bosildi — çiqiş uçun yana 1 marta»). Rang yolğiz emas: tugmada aniq yozuv va ikon.
Kod
AI uçun: qaçon işlatiladi
- Zöravonlik, işonç telefoni, tibbiy yoki psixologik yordam sahifalari — foydalanuvçini kimdir kuzatayotgan bölişi mumkin.
- Oddiy «çiqiş» (hisobdan) →
button - Sahifani tark etişdan oldin ogohlantiriş →
dialog - Oddiy saytga qöymang — faqat zöravonlik, işonç telefoni, tibbiy/psixologik yordam, huquqiy maslahat sahifalari.
- Neytral manzil sifatida «yordam» mavzusidagi saytni bermang — ob-havo, yangiliklar, qidiruv.
- Tugmani menyu içiga yaşirmang — har sahifada bir joyda, körinib tursin.
- Bu tugma tarixni öçiradi deb va'da bermang — sahifada «brauzer tarixini qanday tozalaş» yöriqnomasi ham bölsin.
npx foxui add quickexit
<div class="fx-quickexit" data-fx-quickexit data-placement="sticky"> <a class="fx-quickexit__btn" href="https://www.google.com/search?q=ob-havo" rel="nofollow noreferrer"><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M8 4H4v12h4M12 6l4 4-4 4M16 10H8" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>Saytdan tez çiqiş</a> <p class="fx-quickexit__hint">yoki <kbd>Shift</kbd> tugmasini 3 marta bosing</p> </div> <section class="fx-callout" aria-labelledby="yordam-t" style="margin-block-start: var(--fx-space-4)"> <h2 class="fx-callout__title" id="yordam-t">Işonç telefoni — keça-kunduz</h2> <p>Oiladagi zöravonlik böyiça maslahat — bepul va maxfiy. Kimdir yoningizga kelsa — «Saytdan tez çiqiş» tugmasini bosing.</p> </section>
Tokenlar: --fx-bg-error-solid --fx-bg-page --fx-border-color-focus --fx-border-color-strong --fx-border-width-default --fx-border-width-focus --fx-control-h-md --fx-ease-standard --fx-elevation-2 --fx-elevation-3 --fx-fg-error --fx-font-size-md --fx-font-size-sm --fx-font-size-xs --fx-font-weight-semibold --fx-motion-fast --fx-motion-instant --fx-motion-press --fx-radius-circle --fx-radius-control --fx-size-icon-sm --fx-size-status-dot-sm --fx-space-1 --fx-space-2 --fx-space-3 --fx-space-4 --fx-text-on-error --fx-text-secondary --fx-z-sticky --fx-z-tip --fx-z-toast