Ana içeriğe geç
CKCSS
Menü
CKCSS
Menü

UI KIT · MARKETING · HEADER

Marka, gezinme ve eylem tek satırda.

Üstteki header, ≥40rem'de yatay gezinme + iki butonu gösterir; altında ise <details>/<summary> ile JavaScript gerektirmeyen bir mobil menüye düşer — mobile-navigation.html'deki native yaklaşımın aynısı.

Tokenlar: --ck-space-4, mevcut ck-nav/ck-button bileşenleri. Duyarlı davranış: ck-hide-mobile/ck-only-mobile çifti 40rem eşiğinde geçiş yapar (bkz. src/utilities.css). Sabit (sticky) bir üstbilgi isteniyorsa position:sticky; inset-block-start:0; z-index:var(--ck-z-sticky); eklenmesi yeterlidir — yeni bir bileşen gerekmez.

SONRAKİ ADIM

Bu örneği katalog içinde bağlama yerleştirin.