Skeleton
Loading placeholder shape. Mirrors shadcn Skeleton.
Purpose
Loading placeholder shape. Mirrors shadcn Skeleton.
Island model
island: false. CSS-only shimmer animation.
Peer dependencies
None.
Public API
export function Skeleton(props: React.ComponentProps<"div">): JSX.Element
export const island = false
Patties adjustments
- The shimmer uses
@keyframesdefined intokens.cssso no JS animation library is needed. prefers-reduced-motiondisables the animation.
Acceptance criteria
- Snapshot matches a
<div>with the skeleton classes. - Bundle audit: zero JS.
- Reduced-motion: animation is
none.