Skeleton
NEWPlaceholder blocks with a subtle light sweep, text/avatar presets, and a SkeletonReveal container that eases real content in with a gentle rise and un-blur.
EU
EasyUI Studio
Lead Design Engineer • Batch 2
Loaded state with gentle un-blur
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/skeleton
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | undefined | CSS classes to size and position the skeleton block |
| lines | number | 3 | Number of lines for the SkeletonText component |
| size | number | 40 | Pixel size for the circular SkeletonAvatar component |
| loading | boolean | undefined | Active loading state for the SkeletonReveal wrapper |
| skeleton | React.ReactNode | undefined | Placeholder element rendered while loading is true |