Skeleton()

Skeleton(__namedParameters): Element

Skeleton - A flexible skeleton loader component for indicating loading states

Used to show placeholder content while data is being fetched or processed. Provides visual feedback to users during loading states with customizable shapes.

Parameters

__namedParameters

SkeletonProps

Returns

Element

Examples

// Basic rectangular placeholder
<Skeleton />

// Circular placeholder (useful for avatars)
<Skeleton shape="circ" />

// With loading text content
<Skeleton>Loading content...</Skeleton>

// Nested placeholders for complex layouts
<Skeleton className="mb-xl p-m">
  <br />
  <br />
  <Skeleton className="w-[75%]" />
</Skeleton>

// Custom styling
<Skeleton className="w-[50%] mt-l" />