Loading resource
Loading & motion
Reserve the shape of content while it loads.
Use Skeleton for individual placeholder shapes. Prefer ContentSkeleton for a complete loading layout. Incoming content uses skeletons; actions after interaction use PendingButton or PendingIndicator.
src/components/ui/skeleton.tsx
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.