Preview

Installation

npx sigma-ui@latest add skeleton

Usage

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

<template>
  <Skeleton class="h-4 w-[250px]" />
</template>

Set the size and shape of each placeholder with classes, so it matches the content it replaces.

Examples

Card

API Reference

Skeleton

This component has no props, events, or slots.

Accessibility

Renders a plain <div> with a pulse animation and no role. It has no keyboard interactions of its own. Mark the loading region with aria-busy="true" so assistive technologies know the content is not ready yet.

Key	Description
None	Skeleton is not focusable.