DashboardNavbar
Bar atas untuk area konten utama milik DashboardPanel sendiri.
Penggunaan
<SDashboardNavbar title="Overview">
<template #leading>
<SDashboardSidebarToggle />
</template>
<SButton size="sm" icon="hugeicons:plus-sign">New</SButton>
</SDashboardNavbar>
Berbeda dari Header seluruh situs - yang ini berada di dalam DashboardPanel, di-scope hanya ke area konten utama.
Tidak ada yang dirender di slot leading secara default - menyamai setiap bagian lain keluarga ini (tombol DashboardResizeHandle tidak disisipkan otomatis antara sidebar dan panel), tombol sidebar-toggle adalah sesuatu yang Anda compose eksplisit alih-alih sesuatu yang diasumsikan SDashboardNavbar Anda inginkan. Lihat DashboardSidebarToggle untuk apa yang dilakukannya dan cara mengkustomisasinya - ia collapse/expand DashboardSidebar (atau membuka/menutupnya di mobile, lihat bagian "Mobile" milik DashboardGroup sendiri), dan tidak merender apa pun sendiri sampai ada sidebar aktual dalam DashboardGroup yang sama untuk dikontrol.
Custom :ui
Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot - berikut adalah file tema DashboardNavbar itu sendiri:
Props
| Prop | Tipe | Default |
|---|---|---|
title | string | - |
ui | Partial<Record<DashboardNavbarSlot, string | object>> | - |
Slots
| Slot | Deskripsi |
|---|---|
leading | Kosong secara default - biasanya tombol sidebar-toggle |
title | Konten title kustom, mengoverride prop title |
| default | Konten trailing - aksi, trigger pencarian, apa pun yang dibutuhkan halaman |