/

Header elementi, bir uygulama ekranının en üst bölümünde yer alarak kullanıcıya sayfanın amacı, başlığı ve önemli aksiyon noktalarını sunan yapısal bir arayüz elementidir.

Başlamak için Header elementini sayfaya sürükleyin ve içine bir Row elementi ekleyin. Masaüstü görünümünden üç sütunlu düzeni seçin ve Customize alanından sütun genişliklerini 8-10-6 olarak ayarlayın.

Sol sütuna bir Horizontal Stack yerleştirin ve içine bir Image ile bir Icon elementi ekleyin. Horizontal Stack'i Styling panelinden dikeyde ortalayın. Orta sütunu Styling Layout alanından yatay ve dikeyde ortalayın; içine bir Horizontal Stack ekleyin ve bir Text Input yerleştirerek genişliğini 270 px olarak ayarlayın. Horizontal Stack içine bir Icon elementi ekleyin ve Column'ı dikeyde ortalayın. Sağ sütunu Styling Layout panelinden yatay ve dikeyde ortalayın; içine bir Horizontal Stack ekleyip dikeyde ortalayın ve iki Icon elementi yerleştirin.

Image elementine tıklayın ve Value alanından Uploaded Images ile yüklediğiniz görseli ekleyin. Icon elementlerini sırasıyla apps, search, accountcircle ve shoppingcart olarak seçin. İlk Horizontal Stack'in Gap değerini 20 olarak ayarlayın.

Preview butonuna bastığınızda, arama yapabildiğiniz ve modüllere hızlıca erişebildiğiniz profesyonel bir üst yönetim bandıyla karşılaşacaksınız.

‍