Bileşenler

Spinner

Bir şey yüklenirken dönen açık yay; durumu ekran okuyucuya da bildirir.

Durumlar

Spinner’ın tek durumu vardır: dönüyor. Azaltılmış harekette yay durur.

Durum	Görsel değişiklik	Token’lar
Dönüyor	Yay sürekli döner	`period-spinner`
Azaltılmış hareket	Yay durur	Yok

Boyut	Değer	Token
`xs`	12 px	`icon-size-xs`
`sm`	16 px	`icon-size-sm`
`md`	20 px	`icon-size-md`
`lg`	24 px	`icon-size-lg`
Biçim	İzsiz, yaklaşık 300° açık yay, yuvarlak uçlar	Yok
Çizgi kalınlığı	Boyutun 1/12’si	Yok

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

Token	Açık mod	Koyu mod
`--bigbang-icon-size-xs`	`12px12px12px`	`12px12px12px`
`--bigbang-icon-size-sm`	`16px16px16px`	`16px16px16px`
`--bigbang-icon-size-md`	`20px20px20px`	`20px20px20px`
`--bigbang-icon-size-lg`	`24px24px24px`	`24px24px24px`
`--bigbang-color-text-subtle`	`#404040#404040#404040`	`#d4d4d4#d4d4d4#d4d4d4`
`--bigbang-color-action-primary-default`	`#146d83#171717#171717`	`#77bacf#e5e5e5#e5e5e5`
`--bigbang-period-spinner`	`1s1s1s`	`1s1s1s`

Etkileşim	Özellik	Süre token’ı	Easing token’ı	Hareketi azaltma
Dönüş	`rotate` döngüsü (`animate-spin`)	`period-spinner` (1000 ms)	Doğrusal	Dönüş durur (`reduce-motion:animate-none`).

Döngüler yalnızca yükleme göstergelerinde kullanılır. Değerler için Hareket sayfasına bakın.