---
title: Header
description: Şeffaf başlayıp scroll sonrası arka plan alan sticky navigasyon.
---

<ExampleShowcase
  title="Header – Şeffaf üstbar, scroll sonrası arkaplan"
  youtubeUrl="https://www.youtube.com/embed/dQw4w9WgXcQ"
  description="Sayfa üstünde şeffaf başlayan ve scroll sonrası arkaplan ile sabitlenen navigasyon barı. Mobilde hamburger menü/drawer önerilir."
  copyText={`Header ipuçları:
- Sticky top, backdrop blur, geçişli arkaplan
- Menü öğeleri ve CTA
- Mobil için drawer`}
/>