Text

Ne zaman kullanılır

Text, gövde metni, etiket, açıklama ve rakamlar içindir. Boyut, kalınlık ve renk token’lardan gelir; elle sınıf yazmanız gerekmez.

Ne zaman kullanılmaz

• Başlık için: Belge yapısını Heading kurar; Text’i başlık gibi büyütmeyin.
• Sınıf eklemek için: Boyut ya da rengi className ile değiştirmeyin; size, weight ve tone kullanın.
• Bağlantı ve eylem için: Text tıklanmaz; eylem için Button kullanın.

Anatomi

Text tek parçadır: <span> (ya da render ile verdiğiniz öğe).

1. Kök: boyut ve kalınlıkla seçilen tip stili, tonla seçilen renk; truncate ile satır sınırı.

Davranış

• Varsayılan size="md" (14 px), weight="regular", tone="default".
• weight="medium" aynı boyutun etiket stilini verir (sm 12 px, md 14 px).
• lg (16 px) yalnızca normal kalınlıktadır; lg ile medium tip denetiminde hata verir.
• truncate bir satırda (true) ya da 2-6 satırda keser; tam metin kullanıcıya başka yolla verilmelidir.
• numeric eşit genişlikli rakam (tabular-nums) açar.
• Kenar boşluğu sıfırdır (m-0); aralığı çevreleyen Stack ya da Inline verir.

Yönergeler

Rengi tek başına anlam taşıtmayın

Hata: alan boş bırakılamaz.

YapınMetin durumu söylüyor; ton yalnızca destekliyor.

Alan

YapmayınAnlamı yalnızca renk taşıyor.

Kısaltılan metnin tamamını verin

Metin örneği çok uzun bir cümledir

YapınKesilen metnin tamamı title ile erişilebilir.

Metin örneği çok uzun bir cümledir

YapmayınKesilen kısmı görmenin yolu yok.

İçerik

• Cümle düzeninde yazın; gereksiz büyük harf kullanmayın.
• Etiketleri kısa tutun; ayrıntıyı açıklama metnine koyun.
• Sayı ve tarihleri sütunda gösteriyorsanız numeric kullanın.

İlgili bileşenler

• Heading: Sayfa ve bölüm başlıkları.
• Stack: Metin bloklarının arasına aralık koyar.
• Badge: Durumu renkli kısa etiketle gösterir.