Feedback

Skeleton

Reserves content geometry with a neutral loading placeholder.

@dawn/ui/components/skeleton

Preview

Rendered from @dawn/ui

Usage

import { Skeleton } from "@dawn/ui/components/skeleton";

export const AppointmentSkeleton = () => (
  <div className="grid gap-3">
    <Skeleton className="h-5 w-40" />
    <Skeleton className="h-4 w-64" />
    <Skeleton className="h-16 w-full" />
  </div>
);

API

classNamestring: Sets the placeholder geometry; always provide dimensions matching the content.
Native propsReact.ComponentProps<'div'>: Supports native div attributes.

Exports

Skeleton