Üst menü
Web siteleri için yatay menü.
Navigasyon
VAppBar · VTabs
2 örnek
Varsayılan
Hap biçimli aktif öğe. Dar ekranda yatay kayar.
Kodu göster
blade
<armada:navbar>
<armada:navbar.item href="#" current>Genel bakış</armada:navbar.item>
<armada:navbar.item href="#">Ürünler</armada:navbar.item>
<armada:navbar.item href="#">Fiyatlar</armada:navbar.item>
<armada:navbar.item href="#">Blog</armada:navbar.item>
<armada:navbar.item href="#">İletişim</armada:navbar.item>
</armada:navbar>Alt çizgili
Header içinde tam yükseklikte çizgi.
Kodu göster
blade
<armada:header :sticky="false" style="border:1px solid var(--arm-border);border-radius:12px">
<armada:brand name="Armada" icon="anchor" />
<armada:navbar variant="underline" style="margin-inline-start:20px">
<armada:navbar.item href="#" icon="house" current>Ana sayfa</armada:navbar.item>
<armada:navbar.item href="#" icon="book-open">Dokümanlar</armada:navbar.item>
<armada:navbar.item href="#" icon="newspaper">Blog</armada:navbar.item>
</armada:navbar>
</armada:header>Özellikler
<armada:navbar>
Değerler: default | underline
| Prop | Varsayılan | Not |
|---|---|---|
variant |
'default' |
<armada:navbar.item>
| Prop | Varsayılan |
|---|---|
href |
'#' |
icon |
null |
current |
null |