Skeleton

Use to show a placeholder while content is loading.

Examples

Default

<div class="flex items-center space-x-4">
  <Skeleton class="h-12 w-12 rounded-full" />
  <div class="space-y-2">
    <Skeleton class="h-4 w-62.5" />
    <Skeleton class="h-4 w-50" />
  </div>
</div>

Props

Skeleton

Prop	Type	Default	Description
class	string	-	Custom classes to apply to the skeleton.

Slots

Skeleton

Slot	Description
default	The content of the skeleton.