Inline

Durumlar

Inline etkileşimli değildir. Varsayılan olarak bir <div> üretir; fare, klavye ya da dokunma ile durumu değişmez.

Durum	Destek	Görsel değişiklik
Varsayılan	Var	Yatay akış; boşluk gap, hizalama align, dağılım justify, sarma wrap ile
Üzerine gelme	Yok	Yok; öğe işaretçiye tepki vermez
Basılı	Yok	Yok; öğe tıklanamaz
Odak	Yok	Yok; öğe odak almaz ve odak halkası çizmez
Devre dışı	Yok	Yok; devre dışı olacak bir eylemi yok
Seçili	Yok	Yok; seçilebilir değil

Ölçüler

Inline’ın kendi sabit ölçüsü yoktur; yüksekliği çocuklarından, genişliği kapsayıcısından gelir.

Özellik	Değer	Token
Çocuklar arası boşluk (gap)	none 0, xxs 2, xs 4, sm 6, md 8, lg 12, xl 16, 2xl 20, 3xl 24, 4xl 32, 5xl 40, 6xl 48, 7xl 56 px; varsayılan sm	space-{ad}
Satırlar arası boşluk	Sarma açıkken gap ile aynı	space-{ad}
Çapraz eksen hizası	center (varsayılan), start, end, baseline	-
Ana eksen dağılımı	start (varsayılan), center, end, between	-
Sarma	true (varsayılan): flex-wrap; false: flex-nowrap	-

Token’lar

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

Token	Açık mod	Koyu mod
--bigbang-space-xxs	2px2px2px	2px2px2px
--bigbang-space-xs	4px4px4px	4px4px4px
--bigbang-space-sm	6px6px6px	6px6px6px
--bigbang-space-md	8px8px8px	8px8px8px
--bigbang-space-lg	12px12px12px	12px12px12px
--bigbang-space-xl	16px16px16px	16px16px16px
--bigbang-space-2xl	20px20px20px	20px20px20px
--bigbang-space-3xl	24px24px24px	24px24px24px
--bigbang-space-4xl	32px32px32px	32px32px32px
--bigbang-space-5xl	40px40px40px	40px40px40px
--bigbang-space-6xl	48px48px48px	48px48px48px
--bigbang-space-7xl	56px56px56px	56px56px56px

Hareket ve etkileşim

Etkileşim	Hareket	Azaltılmış hareket
Üzerine gelme, basma, odak	Yok: Inline etkileşimli değildir	Azaltılacak bir şey yok
Giriş ve çıkış	Yok: Inline süre ya da easing token’ı kullanmaz; içerik hemen gelir ve gider	Azaltılacak bir şey yok
Yerleşim değişimi	Yok: ekran genişliği değişince yerleşim geçişsiz değişir	Azaltılacak bir şey yok

Inline bir hareket hazır ayarı (preset) kullanmaz; çocuklarının hareketi kendi bileşenlerine aittir. Ayrıntılar için Hareket sayfasına bakın.