Harakat · primitive
Nusxa tugmasi
Bir bosişda matn clipboard'ga yoziladi: nusxa ikoni ✓ ga yumşoq almaşadi (2 soniya), natija e'lon qilinadi. data-copy-target — element, data-copy — matn.
fx_live_9a2b
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-variant | text | icon |
Anatomiya
- root
.fx-copyşart - status
.fx-copy__statusixtiyoriy
Holatlar
copiederrorhoverfocus
Klaviatura va kiriş
| Tugma | Amal |
|---|---|
| Enter, Space | Matnni nusxalaydi |
Ikon-tugma: aria-label. Natija .fx-copy__status (role=status) orqali «Nusxalandi» deb e'lon qilinadi; holat faqat ikon rangiga tayanmaydi (✓ şakli).
Kod
AI uçun: qaçon işlatiladi
Işlating
- Kod, kalit, havola, buyruqni nusxalaş.
Işlatmang
- Oddiy amal tugmasi →
button - Maxfiy kalitni sahifada oldindan oçib qöymang — faqat egasiga körsating.
- Tugmaga aria-label bering (ikon-tugma).
npx foxui add copy
<span class="fx-code-inline" id="kalit1">fx_live_9a2b</span> <button class="fx-copy" type="button" data-fx-copy data-copy-target="#kalit1" aria-label="Kalitni nusxalaş"><svg data-fx-icon="copy" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg><svg data-fx-icon="check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M5 12l5 5 9-10"/></svg><span class="fx-copy__status" role="status"></span></button>
Tokenlar: --fx-bg-muted --fx-border-color-focus --fx-border-width-default --fx-border-width-focus --fx-control-h-sm --fx-ease-spring --fx-ease-standard --fx-fg-error --fx-fg-success --fx-font-size-xs --fx-motion-base --fx-motion-fast --fx-motion-instant --fx-motion-press --fx-radius-control --fx-size-icon-md --fx-space-2 --fx-space-3 --fx-text-primary --fx-text-secondary
Ş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).Yopiş tugmasiDialog, sheet, alert va chip uçun bir xil ✕ tugmasi.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ş».