Skeleton

Loading placeholder components for content that is loading.

Installation

bash
npx @smicolon/cli add skeleton

Run init once per project before adding components. See Installation.

Basic

Variants

Text Skeleton

Avatar Skeleton

Card Skeleton

Props

PropTypeDefaultDescription
variant"default" | "circular" | "rectangular""default"The shape of the skeleton.
animatebooleantrueWhether to animate the skeleton.
linesnumber3Number of lines in SkeletonText.
classNamestring—Sets the size, such as h-12 w-48.