Skeleton

Usage

import { Skeleton, CardSkeleton } from '@epilot/spark-ui/skeleton'

<Skeleton className="h-4 w-3/4" />

Examples

Card skeleton

CardSkeleton provides a pre-styled bordered container for card-shaped placeholders.

On a card

Inside an ambient or soft Card the placeholder steps one gray darker, so it stays visible on the card's fill.

API Reference

Skeleton

Extends React.HTMLAttributes<HTMLDivElement>. Use className to set width, height, and shape. The fill reads --spark-skeleton-bg, which ambient and soft containers set a step darker.

CardSkeleton