Skeleton

Use a skeleton component to show a loading state.

Skeleton documentation

Class names

• component: skeleton
• modifier: skeleton-text

Syntax

<div class="skeleton"></div>

Example with a text skeleton:

<div class="skeleton skeleton-text">Loading data...</div>

Rules

• Add the h-* and w-* utility classes to set the height and width.