Bileşenler

DescriptionList

Bir kaydın alanlarını terim ve değer çiftleri olarak, yerel dl, dt ve dd öğeleriyle gösterir.

Durumlar

Durum	Destek	Görsel değişiklik	Token’lar
Varsayılan	Var	İkincil renkte terim, varsayılan renkte değer	`color-text-subtle`, `color-text-default`
Ayırıcı (`dividers`)	Var	Satırlar arasında 1 px çizgi	`color-border-subtle`, `border-width-default`
Boş değer	Var	`—` ve ekran okuyucu gerekçesi	-
Uzun değer	Var	Satır kırar	-
Üzerine gelme, basılı	Yok	Durağan; satır etkileşimli değildir	-
Odak	İşlemde	İşlem denetimi kendi halkasını taşır	`color-focus-ring`, `border-width-focus`
Devre dışı	Yok	Devre dışı durumu yoktur; işlem denetimi kendi durumunu taşır	-
Yükleniyor, hata	Kompozisyon	Skeleton ve hata bileşenleriyle birlikte kullanın	-

Özellik	Değer	Token
Terim ile değer arası (yan yana)	16 px	`space-xl`
Terim ile değer arası (alt alta)	2 px	`space-xxs`
Satır dikey iç boşluğu, `sm`	4 px	`space-xs`
Satır dikey iç boşluğu, `md`	6 px	`space-sm`
Izgarada sütun arası	24 px	`space-3xl`
Ayırıcı	1 px	`border-width-default`
Terim sütunu (`inline`)	satırın 1/3’ü; değer 2/3	-
Terim stili, `md`	14 px / 20 px, orta kalınlık	`label-md`
Terim stili, `sm`	12 px / 16 px, orta kalınlık	`label-sm`
Değer stili, `md`	14 px / 20 px	`body-md`
Değer stili, `sm`	12 px / 16 px	`body-sm`
Yan yana düzene geçiş	1024 px	-

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

Token	Açık mod	Koyu mod
`--bigbang-color-text-default`	`#171717#171717#171717`	`#fafafa#fafafa#fafafa`
`--bigbang-color-text-subtle`	`#404040#404040#404040`	`#d4d4d4#d4d4d4#d4d4d4`
`--bigbang-color-border-subtle`	`#ededed#ededed#ededed`	`#303030#303030#303030`
`--bigbang-border-width-default`	`1px1px1px`	`1px1px1px`
`--bigbang-space-xxs`	`2px2px2px`	`2px2px2px`
`--bigbang-space-xs`	`4px4px4px`	`4px4px4px`
`--bigbang-space-sm`	`6px6px6px`	`6px6px6px`
`--bigbang-space-xl`	`16px16px16px`	`16px16px16px`
`--bigbang-space-3xl`	`24px24px24px`	`24px24px24px`

Etkileşim	Hareket	Azaltılmış hareket
Liste görünür	Hareket yok; durağandır	Azaltılacak bir şey yok
Satır eklenir ya da çıkar	Hareket yok	Aynı
İşlem denetimi	Denetimin kendi basma ve üzerine gelme hareketi (Button)	Denetimin kendi azaltılmış hareketi

Değerler token’lardan gelir; ayrıntılar için Hareket sayfasına bakın.