Yerleşim · Divider
Ayraç
İki içerik bölümünü ince bir çizgiyle ayırır.
- CSS
- kararlı
- JavaScript
- gerekmiyor
- React
- kararlı
- Vue
- kararlı
Örnekler
Birinci bölüm.
İkinci bölüm.
Üçüncü bölüm.
HTML kodunu göster
<p class="trds-govde">Birinci bölüm.</p>
<hr class="trds-ayrac">
<p class="trds-govde">İkinci bölüm.</p>
<hr class="trds-ayrac trds-ayrac--kalin">
<p class="trds-govde">Üçüncü bölüm.</p>Ne zaman kullanılır
- Başlık aralığı yeterli olmadığında kullanın.
- Her paragraf arasına koymayın. Boşluk yeterlidir.
Erişilebilirlik
- Anlamsal ayrım için
<hr>kullanılır. Süs içinrole="presentation"eklenir.
Karşılanan WCAG 2.2 ölçütleri 1.3.1
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: IE, JP, DE, NO.