Skeleton() — ui Function Reference

Architecture documentation for the Skeleton() function in skeleton.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ Skeleton() — ui Function Reference

Dependency Diagram

graph TD
  9533f407_574d_9c7e_e4c6_0a0eef71f3d5["Skeleton()"]
  e9a6b4dd_9740_8647_82b0_a196a8221bb1["skeleton.tsx"]
  9533f407_574d_9c7e_e4c6_0a0eef71f3d5 -->|defined in| e9a6b4dd_9740_8647_82b0_a196a8221bb1
  style 9533f407_574d_9c7e_e4c6_0a0eef71f3d5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/ui-rtl/skeleton.tsx lines 3–11

function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="skeleton"
      className={cn("bg-muted animate-pulse rounded-md", className)}
      {...props}
    />
  )
}