İçerik · Inset text

Vurgulu metin

Metnin geri kalanından ayrılması gereken bir paragrafı sol çizgiyle öne çıkarır.

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

Örnekler

Temel Canlı örnek

Yurt dışında yaşıyorsanız başvurunuzu en yakın konsolosluk üzerinden yapın. Çevrim içi başvuru yurt dışı adresini kabul etmez.

HTML kodunu göster

<div class="trds-vurgu">
  <p>Yurt dışında yaşıyorsanız başvurunuzu en yakın konsolosluk üzerinden yapın. Çevrim içi başvuru yurt dışı adresini kabul etmez.</p>
</div>

Ne zaman kullanılır

Bir istisna, koşul veya önemli bir not için kullanın.
Uyarı için uyarı bileşenini kullanın. Bu bileşen renk taşımaz.
Sayfada birden çok kez kullanmayın. Vurgu çoğalınca kaybolur.

Erişilebilirlik

Anlam sol çizgiye bağlı değildir. Metin kendi başına anlaşılır.
Çizgi rengi metin rengiyle aynı kontrastı taşır.

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

Kaynak

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