Geri bildirim · Panel

Sonuç paneli

Bir işlemin bittiğini büyük ve yeşil söyler. Başvuru numarası bu kutuda durur.

CSS: kararlı
JavaScript: gerekmiyor
React: kararlı
Vue: kararlı

Örnekler

Onay Canlı örnek

Başvurunuz alındı

Başvuru numaranız2026-EM-004512

HTML kodunu göster

<div class="trds-panel">
  <h1 class="trds-panel__baslik">Başvurunuz alındı</h1>
  <div class="trds-panel__govde"><span class="trds-gorsel-gizli">Başvuru numaranız</span><strong>2026-EM-004512</strong></div>
</div>

Ne zaman kullanılır

Onay sayfasının en üstünde kullanın. Bir kere.
Bir hata için kullanmayın. Yeşil zemin başarı demektir.

Erişilebilirlik

Başlık h1 olur. Sayfanın başlığı budur.
Referans numarası büyük yazılır ve kopyalanabilir. Görsel olarak gizli bir "Başvuru numaranız" etiketi taşır.

Karşılanan WCAG 2.2 ölçütleri 1.3.1 2.4.6

Kaynak

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