Skeleton
Un marcador de posición para mostrar mientras se carga el contenido.
xph0000xUso
Utilice el componente Esqueleto tal cual para mostrar un marcador de posición.
<template>
<div class="flex items-center gap-4">
<USkeleton class="size-12 rounded-full" />
<div class="grid gap-2">
<USkeleton class="h-4 w-[250px]" />
<USkeleton class="h-4 w-[200px]" />
</div>
</div>
</template>
API (Edición española)
Props (Edición española)
| Prop | Default | Type |
|---|---|---|
as | 'div' | anyThe element or component this component should render as. |
ui | { base?: any; } |
Slots (Español)
| Slot | Type |
|---|---|
default | {} |
Temas
app.config.ts
export default defineAppConfig({
ui: {
skeleton: {
base: 'animate-pulse rounded-md bg-elevated'
}
}
})vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ui from '@nuxt/ui/vite'
export default defineConfig({
plugins: [
vue(),
ui({
ui: {
skeleton: {
base: 'animate-pulse rounded-md bg-elevated'
}
}
})
]
})Changelog (Edición española)
No recent changes