Banner

Durumlar

Durum	Görsel değişiklik	Token’lar
Bilgi / başarı / uyarı / hata	Pastel ton zemini ve alt kenarı, ton renginde ikon, varsayılan metin	color-status-*-background, color-status-*-border, color-icon-*, color-text-default
Kapanıyor	Söner	motion-collapsible-duration

Ölçüler

Özellik	Değer	Token
Genişlik	Kapsayıcının tamamı	Yok
İç boşluk	8 px dikey, 16 px yatay	space-sm, space-lg
İkon	16 px	icon-size-sm
Metin	body-sm; eylem label-sm	text.body-sm, text.label-sm

Token’lar

Değerler seçili markaya göre gösterilir; markayı üst çubuktan değiştirebilirsiniz.

Token	Örnek	Açık mod	Koyu mod
--bigbang-color-status-info-emphasis		#2193e0#2193e0#2193e0	#79c2ff#79c2ff#79c2ff
--bigbang-color-status-info-on-emphasis		#072033#072033#072033	#072033#072033#072033
--bigbang-color-status-success-emphasis		#2da264#2da264#2da264	#7dd09b#7dd09b#7dd09b
--bigbang-color-status-success-on-emphasis		#092414#092414#092414	#092414#092414#092414
--bigbang-color-status-warning-emphasis		#c17a00#c17a00#c17a00	#ecac5f#ecac5f#ecac5f
--bigbang-color-status-warning-on-emphasis		#2c1902#2c1902#2c1902	#2c1902#2c1902#2c1902
--bigbang-color-status-danger-emphasis		#e1595b#e1595b#e1595b	#ff9a97#ff9a97#ff9a97
--bigbang-color-status-danger-on-emphasis		#331212#331212#331212	#331212#331212#331212
--bigbang-motion-collapsible-duration		0.15s0.15s0.15s	0.15s0.15s0.15s
--bigbang-motion-collapsible-distance		4px4px4px	4px4px4px

Hareket ve etkileşim

Etkileşim	Özellik	Süre token’ı	Easing token’ı	Hareketi azaltma
Belirme (motion.collapsible)	opacity, translate 4 px aşağı	motion-collapsible-duration	motion-collapsible-easing	Mesafe 0; yalnızca belirir.
Kapatma	opacity, ardından kaldırılır	motion-collapsible-duration	motion-collapsible-easing	Kısa sürer.
Kapat butonu (motion.press)	scale	motion-press-duration	motion-press-easing	Ölçek 1.

Değerler için Hareket sayfasına bakın.