DashboardPanel

Usage

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>

Must be a direct child of DashboardGroup, alongside DashboardSidebar - a plain (non-collapsible) SplitterPanel on desktop, since Reka's own panel-group layout math needs every direct child to be a real panel, so this exists even though it isn't independently resizable or collapsible itself, just fills whatever space the sidebar doesn't take. Typically contains a DashboardNavbar plus a scrollable <main> for the actual page content - neither is required though, SDashboardPanel has no opinion on what's inside it.

Custom `:ui`

To see exactly what you'd be overriding - the current default classes for every slot - here's DashboardPanel's own theme file:

Theme source "dashboard-panel" not found

Props

Prop	Type	Default
`minSize`	`number`	`30`
`ui`	`Partial<Record<'root', string \| object>>`	-

Edit this page

Usage

Custom :ui

Props

Custom `:ui`