Lewati ke konten

DashboardPanel

Pasangan konten-utama untuk DashboardSidebar - mengisi lebar berapa pun yang tidak diambil sidebar.

Penggunaan

Acme Inc
JDJane Doe

Overview

Drag the divider to resize the sidebar, or use the navbar's toggle button to collapse it down to an icon rail. Shrink the browser window to see it switch to a drawer instead.

vue-html
<SDashboardPanel>
  <SDashboardNavbar title="Overview" />
  <main>...</main>
</SDashboardPanel>

Harus menjadi child langsung dari DashboardGroup, berdampingan dengan DashboardSidebar - SplitterPanel polos (non-collapsible) di desktop, karena matematika layout panel-group milik Reka membutuhkan setiap child langsung menjadi panel nyata, sehingga ini ada meskipun ia tidak independen dapat di-resize atau di-collapse sendiri, hanya mengisi ruang berapa pun yang tidak diambil sidebar. Biasanya berisi DashboardNavbar plus <main> yang dapat di-scroll untuk konten halaman aktual - tidak ada yang diwajibkan, SDashboardPanel tidak memiliki pendapat tentang apa yang ada di dalamnya.

Custom :ui

Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot - berikut adalah file tema DashboardPanel itu sendiri:

Theme source "dashboard-panel" not found

Props

PropTipeDefault
minSizenumber30
uiPartial<Record<'root', string | object>>-