Skeleton
Used to show a placeholder while content is loading.
Installation
import { Skeleton } from "@sourceful-energy/ui"Usage
Examples
Device Card Loading
Stats Loading
Table Loading
Chart Loading
Profile Loading
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes to control size and shape. |
Accessibility
- Uses subtle animation to indicate loading state
- Consider using aria-busy on parent containers
- Provide aria-label for screen readers if needed
- Animation respects prefers-reduced-motion