O componente DashboardGroup é o layout principal que envolve os componentes DashboardSidebar e DashboardPanel para criar uma interface de dashboard responsiva.
Use-o em um layout ou no seu app.vue:
<template>
<NDashboardGroup>
<NDashboardSidebar />
<slot />
</NDashboardGroup>
</template>
| Prop | Default | Type |
|---|---|---|
as | 'div' | anyThe element or component this component should render as. |
storage | 'cookie' | "cookie" | "local"The storage to use for the size. |
storageKey | 'dashboard' | stringUnique id used to auto-save size. |
persistent | true | boolean Whether to persist the size in the storage. |
unit | '%' | "%" | "rem" | "px"The unit to use for size values. |
| Slot | Type |
|---|---|
default | {} |
export default defineAppConfig({
ui: {
dashboardGroup: {
base: 'fixed inset-0 flex overflow-hidden'
}
}
})
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nitro/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
dashboardGroup: {
base: 'fixed inset-0 flex overflow-hidden'
}
}
})
]
})