| Durum |
Görünüm |
Token’lar |
| Varsayılan |
Giriş sınırı, soluk TR öneki |
color-border-input, color-text-subtle |
| Odak |
Odak sınırı ve halkası |
color-border-focus |
| Geçerli |
Başarı renginde onay işareti |
color-text-success |
| Hata |
Tehlike sınırı ve mesaj |
color-border-danger |
| Özellik |
Değer |
Token |
| Yükseklik |
32 / 36 / 40 px |
input-height-sm, input-height-md, input-height-lg |
| Yatay iç boşluk |
12 px |
input-padding-inline |
| Önek ile rakamlar arası |
4 px |
space-xs |
Değerler seçili markaya göre gösterilir; markayı üst çubuktan değiştirebilirsiniz.
| Token | Örnek | Açık mod | Koyu mod |
|---|
--bigbang-input-height-md | | 36px36px36px | 36px36px36px |
--bigbang-input-height-lg | | 40px40px40px | 40px40px40px |
--bigbang-input-padding-inline | | 12px12px12px | 12px12px12px |
--bigbang-color-border-input | | #8c8c8c#8c8c8c#8c8c8c | #737373#737373#737373 |
--bigbang-color-border-focus | | #146d83#171717#171717 | #77bacf#e5e5e5#e5e5e5 |
--bigbang-color-border-danger | | #c14347#c14347#c14347 | #ff9a97#ff9a97#ff9a97 |
--bigbang-color-text-subtle | | #404040#404040#404040 | #d4d4d4#d4d4d4#d4d4d4 |
--bigbang-color-text-success | | #0e7644#0e7644#0e7644 | #a5e2b9#a5e2b9#a5e2b9 |
--bigbang-motion-feedback-duration | | 0.24s0.24s0.24s | 0.24s0.24s0.24s |
| Etkileşim |
Özellik |
Süre token’ı |
Easing token’ı |
Hareketi azaltma |
| Odak ve hata |
Sınır ve dolgu rengi geçişi (motion.field) |
motion-focus-duration |
motion-focus-easing |
Aynı; yalnızca renk. |
| Geçerli |
Onay işareti %60’tan büyür (motion.success) |
motion-feedback-duration |
motion-feedback-easing |
Yalnızca belirir. |
| Hata mesajı |
Kayarak belirir (motion.fieldMessage) |
motion-collapsible-duration |
motion-collapsible-easing |
Yalnızca solar. |