Separator

Durumlar

Separator etkileşimli değildir; fare, klavye ya da dokunma ile görünümü değişmez.

Durum	Destek	Görsel değişiklik	Token’lar
Varsayılan	Var	1 px çizgi	color-border-subtle, border-width-default
Üzerine gelme	Yok	Yok	-
Basılı	Yok	Yok	-
Odak	Yok	Yok; odak almaz	-
Devre dışı	Yok	Yok	-
Etiketli	Var	Çizgi iki parçaya bölünür, ortada metin durur	color-text-subtle, space-md

Ölçüler

Özellik	Değer	Token
Çizgi kalınlığı	1 px	border-width-default
Yatay çizgi genişliği	Kapsayıcı kadar (w-full)	-
Dikey çizgi yüksekliği	Satır kadar (self-stretch)	-
Etiket ile çizgi arası	8 px	space-md
Etiket yazı stili	body-sm (12 px / 16 px)	text.body-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-border-subtle		#ededed#ededed#ededed	#303030#303030#303030
--bigbang-color-text-subtle		#404040#404040#404040	#d4d4d4#d4d4d4#d4d4d4
--bigbang-border-width-default		1px1px1px	1px1px1px
--bigbang-space-md		8px8px8px	8px8px8px

Hareket ve etkileşim

Etkileşim	Hareket	Azaltılmış hareket
Üzerine gelme, basma, odak	Yok: Separator etkileşimli değildir	Azaltılacak bir şey yok
Giriş ve çıkış	Yok: Separator hemen görünür ve hemen kalkar	Azaltılacak bir şey yok

Separator hiçbir hareket preset’i kullanmaz. Hareket değerleri için Hareket sayfasına bakın.