Eylem · Print button

Yazdır

Tarayıcının yazdırma penceresini açan düğme. Onay sayfasında ve belgelerde.

CSS: kararlı
JavaScript: yazdırma
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

HTML kodunu göster

<button class="kiris-button kiris-button--ikincil" type="button" data-kiris="yazdir"><svg class="kiris-simge" aria-hidden="true"><use href="#kiris-tool-print"/></svg> Bu sayfayı yazdır</button>

Ne zaman kullanılır

Onay sayfasında ve resmî belge görüntüleyen sayfada kullanın.

Erişilebilirlik

Bir düğmedir, bağlantı değil. Betik yoksa görünmez.
Yazdırma stili başlık çubuğunu ve menüyü gizler, içeriği tam genişlikte basar.

Karşılanan WCAG 2.2 ölçütleri 4.1.2

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: CH.

Bu bileşenin kodu depoda:

Kayıt defteri tanımı, adı, özeti, kullanım kuralı ve örnekleri
CSS katmanları, kiris-print ile başlayan sınıflar
Davranış betiği, data-kiris="yazdir" başlatıcısı