TwigcnBundle

Skeleton

Use to show a placeholder while content is loading.

Default

Shapes

Square

Circle

Line

Card Skeleton

List Skeleton

Table Skeleton

Usage

<twig:Skeleton class="h-4 w-full" />

<twig:Skeleton class="h-12 w-12 rounded-full" />

<div class="flex items-center gap-4">
    <twig:Skeleton class="h-12 w-12 rounded-full" />
    <div class="flex-1 space-y-2">
        <twig:Skeleton class="h-4 w-3/4" />
        <twig:Skeleton class="h-4 w-1/2" />
    </div>
</div>