| Durum |
Görünüm |
Öznitelik |
| Maskeli |
Nokta dizisi ve görünür uçlar; göz simgesi |
— |
| Açık |
Değerin tamamı; üstü çizili göz simgesi |
data-revealed |
| Özellik |
Değer |
Token |
| Göster düğmesi |
32 px |
input-action-size-md |
| Simge |
16 px |
icon-size-sm |
| Öğeler arası |
2 px |
space-xxs |
Değerler seçili markaya göre gösterilir; markayı üst çubuktan değiştirebilirsiniz.
| Token | Örnek | Açık mod | Koyu mod |
|---|
--bigbang-input-action-size-md | | 28px28px28px | 28px28px28px |
--bigbang-icon-size-sm | | 16px16px16px | 16px16px16px |
--bigbang-color-text-default | | #171717#171717#171717 | #fafafa#fafafa#fafafa |
--bigbang-color-text-subtle | | #404040#404040#404040 | #d4d4d4#d4d4d4#d4d4d4 |
--bigbang-space-xxs | | 2px2px2px | 2px2px2px |
--bigbang-motion-skeleton-reveal-duration | | 0.11s0.11s0.11s | 0.11s0.11s0.11s |
--bigbang-motion-feedback-duration | | 0.24s0.24s0.24s | 0.24s0.24s0.24s |
| Etkileşim |
Özellik |
Süre token’ı |
Easing token’ı |
Hareketi azaltma |
| Açma ve gizleme |
Metin yeniden çizilir ve belirir (motion.reveal) |
motion-skeleton-reveal-duration |
easing-productive-enter |
Aynı; yalnızca opaklık. |
| Simge değişimi |
Yeni simge %60’tan büyür (motion.success) |
motion-feedback-duration |
motion-feedback-easing |
Yalnızca belirir. |
| Basma |
Düğme hafifçe küçülür (motion.press) |
motion-press-duration |
motion-press-easing |
Küçülmez. |