仪表盘面板内容 - Nuxt UI Pro

用法

在仪表盘面板中使用，DashboardPanelContent 提供了一个带有填充的可滚动容器，用于显示内容，例如仪表盘卡片、仪表盘部分或您自己的自定义组件。

pages/index.vue

<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>

道具

DeepPartial<{ wrapper: string; }>

{}

配置

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

仪表盘面板

一个响应式且可调整大小的面板，用于构建多列布局。

仪表盘面板句柄

在可调整大小的仪表盘面板中使用的句柄。