AlertDialog

Durumlar

Durum	Görsel değişiklik	Token’lar
Açılıyor	Dialog ile aynı giriş	motion-dialog-enter-duration
Açık	400 px panel, kaplama çizgisi ve gölge; eylemler altta bir bantta, sağda	dialog-width-sm, color-border-overlay, shadow-overlay, color-surface-layer-1
Dar ekran (< 640 px)	Başlık, açıklama ve simge ortada; eylemler alt alta, tam genişlik	space-md
Yıkıcı	Onay butonu tehlike dolgusu	color-action-danger-default
Meşgul	Onay butonunda dönen gösterge; Vazgeç devre dışı	color-action-disabled-default
Kapanıyor	Dialog ile aynı çıkış	motion-dialog-exit-duration

Ölçüler

Özellik	Değer	Token
Genişlik	400 px	dialog-width-sm
İç boşluk	16 px, 640 px ve üstünde 24 px	dialog-padding-sm, dialog-padding-md
Başlık ile açıklama arası	6 px	space-sm
Köşe yarıçapı	14 px	dialog-radius
Başlık stili	label-lg (16 px, orta kalınlık)	text.label-lg
Simge kutusu (icon)	40 px, 8 px köşe, 24 px simge; 640 px ve üstünde başlığın yanında, 16 px ara	dialog-media, radius-md, space-xl
Simge kutusu zemini	Nötr: surface-sunken; danger: status-danger-background	color-surface-sunken, color-status-danger-background

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-dialog-width-sm		400px400px400px	400px400px400px
--bigbang-dialog-radius		14px14px14px	14px14px14px
--bigbang-dialog-padding-sm		16px16px16px	16px16px16px
--bigbang-dialog-padding-md		24px24px24px	24px24px24px
--bigbang-dialog-media		40px40px40px	40px40px40px
--bigbang-color-surface-raised		#ffffff#ffffff#ffffff	#262626#262626#262626
--bigbang-color-surface-sunken		#f5f5f5#f5f5f5#f5f5f5	#171717#171717#171717
--bigbang-color-border-subtle		#ededed#ededed#ededed	#303030#303030#303030
--bigbang-color-surface-scrim		rgba(0, 0, 0, 0.3215686274509804)rgba(0, 0, 0, 0.3215686274509804)rgba(0, 0, 0, 0.3215686274509804)	rgba(0, 0, 0, 0.47843137254901963)rgba(0, 0, 0, 0.47843137254901963)rgba(0, 0, 0, 0.47843137254901963)
--bigbang-color-status-danger-background		#ffe8e7#ffe8e7#ffe8e7	#4c1d1d#4c1d1d#4c1d1d
--bigbang-color-action-danger-default		#a6383c#a6383c#a6383c	#ff9a97#ff9a97#ff9a97
--bigbang-motion-dialog-enter-duration		0.24s0.24s0.24s	0.24s0.24s0.24s
--bigbang-motion-dialog-exit-duration		0.15s0.15s0.15s	0.15s0.15s0.15s

Hareket ve etkileşim

Etkileşim	Özellik	Süre token’ı	Easing token’ı	Hareketi azaltma
Panel girişi ve çıkışı	motion.dialog	motion-dialog-enter-duration, motion-dialog-exit-duration	motion-dialog-enter-easing, motion-dialog-exit-easing	Yalnızca belirir ve söner.
Arka plan	motion.scrim	Panelle aynı	Panelle aynı	Değişmez.
Meşgul onay	Button yükleniyor göstergesi	period-spinner	Doğrusal	Dönüş durur.

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