1. root.fx-printşart
2. head.fx-print__headixtiyoriy
3. title.fx-print__titleixtiyoriy
4. meta.fx-print__metaixtiyoriy
5. actions (bosmada yaşirin).fx-print__actionsixtiyoriy
6. foot.fx-print__footixtiyoriy

Bosma qatlami ekrandagi tartibga tegmaydi. data-print="only" qismi ekranda display: none — ekran oʻquvchi ham oʻqimaydi, shuning uchun unga faqat bosmaga xos narsa (imzo joyi, muhr) yoziladi.

npx foxui add print

<article class="fx-print" aria-labelledby="hf-t">
  <header class="fx-print__head">
    <div>
      <h1 class="fx-print__title" id="hf-t">Hisob-faktura № 2026-0412</h1>
      <p class="fx-print__meta">18 oktyabr 2026 · Tölov muddati: 25 oktyabr 2026</p>
    </div>
    <div class="fx-print__actions">
      <button class="fx-btn" data-variant="outline" type="button">PDF yuklab oliş</button>
      <button class="fx-btn" data-variant="primary" type="button" onclick="print()">Çop etiş</button>
    </div>
  </header>
  <dl class="fx-dl" data-print="avoid">
    <dt>Sotuvçi</dt><dd>«Çorsu Savdo» MChJ, STIR 305 112 448</dd>
    <dt>Xaridor</dt><dd>«Ğallaorol Agro» fermer xöjaligi</dd>
  </dl>
  <table class="fx-table">
    <thead><tr><th>Xizmat</th><th>Soni</th><th>Narxi</th><th>Jami</th></tr></thead>
    <tbody>
      <tr><td>CRM obunasi (oylik)</td><td>5 kişi</td><td>120 000 söm</td><td>600 000 söm</td></tr>
      <tr><td>Ma'lumot köçiriş</td><td>1 marta</td><td>450 000 söm</td><td>450 000 söm</td></tr>
    </tbody>
    <tfoot><tr><th colspan="3">Jami</th><th>1 050 000 söm</th></tr></tfoot>
  </table>
  <p data-print="urls">Tölov tartibi: <a href="https://misol.uz/tolov">tölov sahifasi</a>.</p>
  <p data-print="only">Rahbar: ____________ Dilnoza Rahimova  ·  M.Ö.</p>
  <footer class="fx-print__foot"><span>Savollar: +998 90 123 45 67</span><span>1 / 1</span></footer>
</article>

Tokenlar: --fx-bg-surface --fx-border-color-default --fx-border-color-surface --fx-border-width-default --fx-font-size-sm --fx-font-size-xl --fx-font-size-xs --fx-font-weight-bold --fx-popover-width --fx-radius-surface --fx-space-2 --fx-space-3 --fx-space-4 --fx-space-5 --fx-space-8 --fx-text-primary --fx-text-secondary --fx-text-tertiary