Skip to content

Skeleton

CSS

A quiet block that holds the space while content loads.

Install

$ npx shadcn@latest add https://spotcheckui.com/r/skeleton.json

No motion engine needed.

Usage

import { Skeleton } from "@/components/spotcheck/skeleton"

<Skeleton className="h-8 w-48" />

It's hidden from screen readers, so announce the loading state elsewhere.

Props

No props of its own. It passes everything to its HTML element.

    Keyboard

    Nothing to operate: this component displays information.

    Reduced motion

    The block stays still instead of pulsing.