Decorative loading placeholder shapes. Always aria-hidden; announce busy state on the host.
Also known as: loading placeholder, shimmer, pulse placeholder
Install with the CLI, or copy the component source into your project.
Add skeleton (npm)
1npx --yes -p github:itsvigneshv/default-file-ui#main df-ui add skeleton
Decorative loading placeholder. Always aria-hidden; the host must announce busy state elsewhere.
| Prop | Type | Default | Notes |
|---|---|---|---|
| shape | "text" | "block" | "circle" | "text" | Placeholder silhouette. |
| width | string | - | Inline CSS width for this instance. |
| height | string | - | Inline CSS height for this instance. |
| className | string | - | Additional styles on the root. |
Decorative only: The root is always aria-hidden. Pair with a parent aria-busy, a Spinner with a name, or live status copy so assistive technology hears the wait.