Skeleton

Use to show a placeholder while content is loading.

Installation ​

pnpm dlx shadcn-vue@latest add skeleton

Usage ​

vue
<script setup lang="ts">
import { Skeleton } from '@/components/ui/skeleton'
</script>

<template>
  <Skeleton class="w-[100px] h-5 rounded-full" />
</template>

Examples ​

Card ​

Edit this page on GitHub