Körsatiş · molecule

Suv belgisi

Maxfiy hujjat, hisobot yoki demo ustida takrorlanuvçi xira yozuv (4.144, #49): kim körayotgani va qaçon — skrinşot tarqalsa manbasi bilinadi. Qatlam aria-hidden, siçqonçani ötkazadi (matnni belgilaş va bosiş işlaydi), bosmada ham çiqadi. Matnni foxui.js törga yoyadi; qatlam DevTools'da öçirilsa yoki yaşirilsa qayta qöyiladi. Ekran öquvçi uçun bitta körinmas izoh «Suv belgisi: …».

beta0.29.0 dan.fx-watermarkCSS + JS

Oktyabr çoragi — moliyaviy hisobot

Umumiy tuşum: 1 850 000 000 söm (+12 % ötgan çorakka nisbatan). Eng katta bitim — «Samarqand Savdo» bilan, 245 000 000 söm.

Debitorlik qarzi: 312 000 000 söm, şundan muddati ötgani — 48 000 000 söm (7 mijoz).

Hujjat faqat rahbariyat uçun. Tarqatiş taqiqlanadi.

Hisob-faktura №HF-0451 · «Tong Maktabi» MChJ · 4 200 000 söm

Demo rejimda yaratilgan — haqiqiy hujjat emas.

Variantlar

AtributQiymatlarStandart
data-textistalgan matn kim · qaçonMaxfiy
data-densitylow
medium
high		medium
data-layerover matn ustida
under matn ostida (fon şaffof bölsin)		over
data-toneneutral
danger «NAMUNA», «BEKOR QILINGAN»		neutral

Anatomiya

  1. root.fx-watermarkşart
  2. layer.fx-watermark__layerşart

Klaviatura va kiriş

Qatlam aria-hidden="true"; mazmunli ma'lumot (kim uçun, maxfiylik) körinmas .fx-sr-only izohda bir marta aytiladi.

Kod

AI uçun: qaçon işlatiladi
Işlating
  • Içki moliyaviy hisobot, şartnoma loyihasi, xodim ma'lumoti körinadigan sahifa.
  • Demo / sinov rejimida yaratilgan hujjat («NAMUNA»).
Işlatmang
  • Holatni bildiriş (qoralama, arxiv) → badge
  • Butun sahifa ustidagi ogohlantiriş → banner
  • Suv belgisini himoya deb hisoblamang — u faqat ogohlantiradi; maxfiy ma'lumot serverda çeklanadi.
  • Yozuvni töq qilmang — matn öqilişi qiyinlaşadi (standart xiralik 9 %).
  • Uzun gap yozmang — ism, sana, «Maxfiy» yetarli.
npx foxui add watermark
<article class="fx-card fx-watermark" data-fx-watermark data-text="Maxfiy · Dilnoza Yusupova · 18.10.2026 14:05" style="padding:var(--fx-space-6);max-inline-size:40rem">
  <h3>Oktyabr çoragi — moliyaviy hisobot</h3>
  <p>Umumiy tuşum: <strong>1 850 000 000 söm</strong> (+12 % ötgan çorakka nisbatan). Eng katta bitim — «Samarqand Savdo» bilan, 245 000 000 söm.</p>
  <p>Debitorlik qarzi: 312 000 000 söm, şundan muddati ötgani — 48 000 000 söm (7 mijoz).</p>
  <p>Hujjat faqat rahbariyat uçun. Tarqatiş taqiqlanadi.</p>
</article>
<div class="fx-watermark" data-fx-watermark data-density="high" data-tone="danger" data-text="NAMUNA" style="margin-block-start:var(--fx-space-4);padding:var(--fx-space-6);border:var(--fx-border-width-default) dashed var(--fx-border-color-strong);border-radius:var(--fx-radius-surface);max-inline-size:40rem">
  <p><strong>Hisob-faktura №HF-0451</strong> · «Tong Maktabi» MChJ · 4 200 000 söm</p>
  <p>Demo rejimda yaratilgan — haqiqiy hujjat emas.</p>
</div>

Tokenlar: --fx-font-size-sm --fx-font-size-xs --fx-font-weight-semibold --fx-space-12 --fx-space-6 --fx-text-error --fx-text-primary

Şu toifadan

Nişon kartasiYutuq nişoni: belgi (emoji yoki ikon) + nom + sabab.BiriktirmaFayl yoki rasm kartoçkasi: belgi (tur) yoki rasm, nom, hajm, olib taşlaş ×, yuklaniş çiziği.Audio pleyerIxçam audio pleyer: ijro tugmasi, sarlavha, tölqinsimon progress (bosib yoki ← → bilan suriladi), vaqt va tezlik (1× · 1,5× · 2×).AvatarKvadrat avatar: ikki harf yoki surat, 6 toifa rangi, 3 ölçam (sm 22 · md 36 · lg 56), ixtiyoriy holat nuqtasi (active — puls, waiting, stopped, idle).Belgi (badge)Holat yoki toifa yorliği.Boğlovçi nurIntegratsiya va ma'lumot oqimi sxemasi (4.70): tugunlar (logo yoki ikon) orasida yumşoq egri çiziq, ustidan yuguruvçi nur yönalişni körsatadi.
Libosni sozlangButun sayt şu zahoti kiyinadi

Libos

Premium liboslar — obunada: bepul 3 ta ustiga yana 13 ta. Bu yerda hammasini sinab körasiz. Narxlar

Brendlar ilhomida · 11

Faqat uslub ilhomi; belgilar — Simple Icons (CC0) va logobank.uz (Uzum), savdo belgilari egalariga tegişli.

Rejim
Qölda sozlaş — dasturçilar uçun

Rang

Şakl va çegara

Şrift juftligi

Qölda tanlaş

Qulaylik

Harakat
Ziçlik
Material (tajriba)