shadcn-vue/apps/www/src/content/docs/components/skeleton.md

title	description
Skeleton	Use to show a placeholder while content is loading.

Installation

npx shadcn-vue@latest add skeleton

<template #Manual>

Copy and paste the following code into your project

<<< @/lib/registry/default/ui/skeleton/Skeleton.vue

Usage

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

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

Examples

Card