ns-ui
Loading wrapper whose placeholder blocks develop into the real content — a masked sweep resolves the text instead of swapping it.
Use when content that already exists and is mid-fetch, stood in for by declared placeholder blocks that develop into the real thing, with the children never mounted until data arrives; pick empty-state-dashed or empty-state-pegboard instead when nothing is on its way and the region is empty because the user has not acted yet, or skeleton-schema when the incoming payload has a declared schema whose fields can be molded individually.
Install
npx shadcn add https://design.helpmarq.comns-ui / skeleton-develop — placeholder resolving into content
| Prop | Type | Default | Description |
|---|---|---|---|
| loading | boolean | — | While true the placeholder is shown; flipping it false runs the develop. |
| children | ReactNode | — | The real content. Not rendered — and so never measured — while loading. |
| blocks? | SkeletonBlock[] | — | Placeholder layout. Defaults to a heading over three lines of text. |
| developMs? | number | — | Duration of the develop transition, ms. |
| loadingLabel? | string | — | Announced to screen readers while loading. |
| className? | string | — | — |