Components

Skeleton

A skeleton loader component for displaying loading placeholders.

Component

View code

Usage

Use the <Skeletton> component to show a loading placeholder while content is being fetched or rendered. It’s useful for improving perceived performance during API calls, route transitions, or dynamic content rendering.

 <template>
    <Skeletton />
</template>

Class overrides

You can customize the size, shape, and appearance of the skeleton loader using Tailwind utility classes.

 <template>
    <Skeletton class="w-32 h-6 rounded-md bg-neutral-200" />
</template>