Skeleton overview
Skeleton gives you ready-made loading blocks with the default shimmer shell, simple size inputs, and the same stable slot and state hooks as the primitive underneath.
Imports
Use the wrapper when you want the default shimmer treatment and width and height inputs.
Component import
ts
import { TngSkeletonComponent } from '@tailng-ui/components';
Style variants
Use the wrapper inside a plain CSS stack or a utility-authored Tailwind surface.
Wrapper skeleton stack (plain CSS)
Wrapper skeleton stack (Tailwind)
Accessibility baseline
- Skeleton placeholders stay decorative and render with
aria-hidden="true". - Use nearby text, status copy, or a live region for real loading announcements.
- Set
[animated]="false"when shimmer would add too much motion.