A wrapper for your dashboard layout.
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>
ui
(DeepPartial<{ wrapper: string; }>)
{}
{
wrapper: 'fixed inset-0 flex overflow-hidden'
}