İçerik · Blockquote

Alıntı

Başka bir kaynaktan alınan bir cümleyi metinden ayırır. Kaynağı altında yazar.

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

Örnekler

Kaynaklı Canlı örnek

Herkes, dilekçe hakkına sahiptir. Vatandaşlar ve karşılıklılık esası gözetilmek kaydıyla Türkiye’de ikamet eden yabancılar kendileriyle veya kamu ile ilgili dilek ve şikâyetleri hakkında yetkili makamlara başvurma hakkına sahiptir.

Anayasa, Madde 74

HTML kodunu göster

<figure class="trds-alinti">
  <blockquote class="trds-alinti__metin"><p>Herkes, dilekçe hakkına sahiptir. Vatandaşlar ve karşılıklılık esası gözetilmek kaydıyla Türkiye’de ikamet eden yabancılar kendileriyle veya kamu ile ilgili dilek ve şikâyetleri hakkında yetkili makamlara başvurma hakkına sahiptir.</p></blockquote>
  <figcaption class="trds-alinti__kaynak">Anayasa, <cite>Madde 74</cite></figcaption>
</figure>

Ne zaman kullanılır

Mevzuat maddesi, karar metni veya bir açıklamayı alıntılarken kullanın.
Vurgu için kullanmayın. Vurgu için vurgulu metin vardır.

Erişilebilirlik

<blockquote> ve <cite> kullanılır. Kaynak bir bağlantı olabilir.
Tırnak işareti CSS ile gelir, metne yazılmaz.

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

Kaynak

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