DashboardPanelContent

A scrollable container for your DashboardPanel.

Usage

Used inside a DashboardPanel, the DashboardPanelContent provides a scrollable container with some padding to display content such as DashboardCard, DashboardSection or your own custom components.

<template>
  <UDashboardPage>
    <UDashboardPanel>
      <UDashboardNavbar title="Home" />

      <UDashboardPanelContent>
        <UDashboardCard />

        <div class="grid lg:grid-cols-2 gap-4 mt-4">
          <UDashboardCard />
          <UDashboardCard />
        </div>
      </UDashboardPanelContent>
    </UDashboardPanel>
  </UDashboardPage>
</template>

Props

ui

• Type: DeepPartial<{ wrapper: string; }>
• Default: {}

Config

{
  wrapper: 'p-4 flex-1 flex flex-col overflow-y-auto'
}