Heading

Ne zaman kullanılır

Heading, sayfanın ve bölümlerin başlıkları içindir. Ekran okuyucu kullanıcıları başlıklar arasında gezerek sayfanın yapısını çıkarır.

Ne zaman kullanılmaz

• Büyük metin için: Yalnızca büyük görünsün diye Heading kullanmayın; belge yapısına yanlış başlık eklenir. Gövde metni için Text kullanın.
• Etiket için: Form alan etiketleri ve kart başlığı gibi yapı dışı yazılar için Text ya da ilgili bileşen kullanın.
• Düzey atlamak için: h2’den sonra h4 koymayın.

Anatomi

Heading tek parçadır: level ile seçilen <h1>-<h6> öğesi.

1. Kök: yarı kalın tip stili, color-text-default rengi, text-balance ile dengeli satır kırma.

Davranış

• level zorunludur; vermezseniz tip denetimi hata verir.
• size verilmezse düzeyden gelir: 1 xl (32 px), 2 lg (24 px), 3 md (20 px), 4-6 sm (16 px).
• size yalnızca görseli değiştirir; düzey ve belge yapısı level ile kalır.
• Başlık satır kırar ve kısaltılmaz.
• Kenar boşluğu sıfırdır (m-0); aralığı çevreleyen Stack verir.

Yönergeler

Düzeyi yapıya göre seçin

Başlık örneği

Alt başlık örneği

Yapınh2'den sonra h3: yapı atlamadan iniyor.

Başlık örneği

Alt başlık örneği

Yapmayınh2'den sonra h4: bir düzey atlandı.

Görünüm için düzeyi değil boyutu değiştirin

Bir h3 daha büyük görünsün istiyorsanız level’i düşürmeyin; size verin.

İçerik

• Başlık, altındaki içeriği bir bakışta anlatır; kısa ve cümle düzeninde yazın.
• Sayfada tek h1 olsun.
• Aynı düzeydeki başlıklar birbirinden ayırt edilebilir olsun.

İlgili bileşenler

• Text: Başlığın altındaki gövde metni.
• Stack: Başlık ile içerik arasına aralık koyar.
• Container: Başlıkları sayfa genişliğinde tutar.