Skeleton

A pulsing placeholder block for loading states. It renders a muted, rounded <div> with a subtle animate-pulse. Size and shape it entirely with className — set a width and height for lines, or rounded-full for avatars — and combine several to sketch out the layout you are waiting on.

Import

import { Skeleton } from "@yuhuanowo/yunui";

Basic

Card placeholder

Props

Skeleton is a plain <div>, so it accepts every standard <div> attribute. There are no custom props — drive the size, shape, and spacing entirely through className.