Harakat · primitive
Yopiş tugmasi
Dialog, sheet, alert va chip uçun bir xil ✕ tugmasi. Bosiş maydoni körinişidan kattaroq; nomi aria-label'da.
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-size | smmdlg | md |
data-shape | round | default |
Anatomiya
- root
.fx-closeşart
Holatlar
hoverfocusdisabled
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Yopadi |
<button type="button"> + aria-label (masalan «Yopiş»); Esc dialog/sheet'ning özida işlaydi.
Naqş: WAI-ARIA APG button · rol button
Kod
AI uçun: qaçon işlatiladi
Işlating
- Dialog, sheet, alert, toast yoki chip'ni yopiş/olib taşlaş.
Işlatmang
- Oddiy amal tugmasi →
button - aria-label'siz qoldirmang — ✕ belgisi ekran öquvçida ma'no bermaydi.
- Özgarişlarni saqlaş/bekor qiliş örniga ✕ işlatmang.
npx foxui add close
<button class="fx-close" type="button" aria-label="Yopiş"></button> <button class="fx-close" type="button" data-size="sm" data-shape="round" aria-label="Bildirişnomani yopiş"></button> <button class="fx-close" type="button" data-size="lg" aria-label="Oynani yopiş"></button>
Tokenlar: --fx-bg-muted --fx-border-color-focus --fx-border-width-focus --fx-control-h-md --fx-control-h-sm --fx-ease-standard --fx-font-size-sm --fx-motion-fast --fx-motion-instant --fx-motion-press --fx-radius-circle --fx-radius-control --fx-size-icon-sm --fx-size-min-target --fx-space-1 --fx-text-disabled --fx-text-primary --fx-text-tertiary
Şu toifadan
Ommaviy panelTanlov bölsa pastda markazda suzib çiqadigan panel: son, summa (ixtiyoriy), amallar, ×.TugmaAmal tugmasi.AI checkpointAI suhbati yoki agent lentasidagi «şu nuqtaga qaytiş» belgisi (4.204, Vercel AI Elements «Checkpoint»; Cursor va Claude Code'dagi rewind).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ş».