ScrollArea

Durumlar

Durum	Görsel değişiklik	Token’lar
Dinlenme	Çubuklar gizli; gizli içerik olan kenar solar	space-xl (soldurma boyu)
Üzerine gelme ya da kayma	Çubuklar belirir	color-line-strong (tutamaç)
Tutamacın üzerine gelme	Tutamaç koyulaşır	color-fg-subtle
Odak	2 px iç odak halkası	color-focus-ring, border-width-focus
Taşma yok	Çubuk çizilmez, kenar solmaz	Yok

Ölçüler

Parça	Ölçü	Token
Çubuk izi	10 px genişlik, 1 px iç boşluk	scroll-area-track-size, border-width-default
Tutamaç	8 px, izin içinde, tam yuvarlak; yüzeye karşı 3:1 için color-line-strong	radius-full, color-line-strong
Kenar soldurması	24 px	space-xl

Alan boyutu sizindir: kök, verdiğiniz yüksekliği ve genişliği doldurur. Köşe yarıçapı kapsayıcıdan alınır.

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-line-strong
--bigbang-color-fg-subtle
--bigbang-color-focus-ring		#146d83#737373#737373	#77bacf#8c8c8c#8c8c8c
--bigbang-space-xl		16px16px16px	16px16px16px
--bigbang-scroll-area-track-size		10px10px10px	10px10px10px
--bigbang-border-width-default		1px1px1px	1px1px1px

Hareket ve etkileşim

Etkileşim	Özellik	Süre token’ı	Easing token’ı	Hareketi azaltma
Çubukların belirmesi ve kaybolması	opacity	motion-hover-duration (110 ms); kayarken anında	motion-hover-easing	Değişmez; yalnızca saydamlıktır.
Tutamaç rengi	background-color	motion-hover-duration	motion-hover-easing	Değişmez.
Kayma	Tarayıcının kendi kaydırması	Yok	Yok	Tarayıcı ayarına uyar.

Kenar soldurması bir maske ile çizilir ve düzeni kaydırmaz. Değerler için Hareket sayfasına bakın.