Variable: Skeleton

@arolariu/components

---

@arolariu/components / Skeleton

Variable: Skeleton

const Skeleton: ForwardRefExoticComponent<SkeletonProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/skeleton.tsx:36

A loading placeholder used while content is being fetched or prepared.

Remarks

Rendering Context: Server- and client-compatible presentational component.

Renders a styled <div> with the library's skeleton animation. Size it with layout classes to mimic the eventual content and reduce perceived loading jank.

Example

<Skeleton className="h-4 w-32" aria-label="Loading account name" />

See

Base UI documentation