Nuxt UI Pro v1.0 is out with dashboard components! Discount ends 16 hours ago.

DashboardLayout

A wrapper for your dashboard layout.

Usage

The DashboardLayout component is meant to be the root component of your layout. It ensures a consistent placement between all DashboardPanel and DashboardPage.

layouts/default.vue
<template>
  <UDashboardLayout>
    <UDashboardPanel>
      <UDashboardNavbar />

      <UDashboardSidebar />
    </UDashboardPanel>

    <slot />
  </UDashboardLayout>
</template>

Props

ui
{}
{}

Config

{
  wrapper: 'fixed inset-0 flex overflow-hidden'
}