| Durum |
Görünüm |
data-state |
| Hazır |
Kopyala simgesi |
idle |
| Kopyalandı |
Onay işareti, ipucu “Kopyalandı” |
copied |
| Başarısız |
Kopyala simgesi, ipucu “Kopyalanamadı” |
failed |
| Özellik |
Değer |
Token |
Düğme (icon, button) |
36 px |
button-height-md |
Düğme (inline) |
32 px |
button-height-sm |
| Değer ile düğme 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-button-height-sm | | 32px32px32px | 32px32px32px |
--bigbang-button-height-md | | 36px36px36px | 36px36px36px |
--bigbang-color-text-default | | #171717#171717#171717 | #fafafa#fafafa#fafafa |
--bigbang-space-xs | | 4px4px4px | 4px4px4px |
--bigbang-motion-feedback-duration | | 0.24s0.24s0.24s | 0.24s0.24s0.24s |
| Etkileşim |
Özellik |
Süre token’ı |
Easing token’ı |
Hareketi azaltma |
| Basma |
Düğme hafifçe küçülür (motion.press) |
motion-press-duration |
motion-press-easing |
Küçülmez. |
| Kopyalandı |
Onay işareti %60’tan büyüyerek gelir (motion.success) |
motion-feedback-duration |
motion-feedback-easing |
Yalnızca belirir. |
| İpucu |
Kayarak açılır (motion.tooltip) |
motion-tooltip-enter-duration |
easing-productive-enter |
Yalnızca solar. |