Bileşenler
DateTimeText
Bir tarihi, saati ya da göreli zamanı Provider dilinde, Intl ile bir time öğesinde yazan metin.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Durumlar
Bölüm başlığı “Durumlar”Biçimler:
format |
Türkçe | İngilizce |
|---|---|---|
date |
8 Eki 2026 | 8 Oct 2026 |
datetime |
8 Eki 2026 14:30 | 8 Oct 2026, 14:30 |
time |
14:30 | 14:30 |
relative |
2 saat önce, dün | 2 hours ago, yesterday |
Ölçüler
Bölüm başlığı “Ölçüler”Göreli zaman eşikleri:
| Fark | Birim |
|---|---|
| 45 saniyeden az | şimdi |
| 1 saatten az | dakika |
| 1 günden az | saat |
| 7 günden az | gün |
| 30 günden az | hafta |
| 1 yıldan az | ay |
| Daha fazla | yıl |
Token’lar
Bölüm başlığı “Token’lar”Değerler seçili markaya göre gösterilir; markayı üst çubuktan değiştirebilirsiniz.
| Token | Açık mod | Koyu mod |
|---|---|---|
--bigbang-motion-skeleton-reveal-duration | 0.11s0.11s0.11s | 0.11s0.11s0.11s |
Hareket ve etkileşim
Bölüm başlığı “Hareket ve etkileşim”| Etkileşim | Özellik | Süre token’ı | Easing token’ı | Hareketi azaltma |
|---|---|---|---|---|
| Göreli zaman tazelenmesi | Yeni metin belirir (motion.reveal) |
motion-skeleton-reveal-duration |
easing-productive-enter |
Aynı; yalnızca opaklık. |