Skeleton

Use to show a placeholder while content is loading.

<Skeleton className="h-4 w-full" />

Skeleton Media Object

The Skeleton component can be included within components. You can also pass Tailwind utility classes for further control.

<MediaObject>
	<MediaObjectMedia>
		<Skeleton className="h-12 w-12 rounded-full" />
	</MediaObjectMedia>
	<MediaObjectContent className="space-y-3">
		<Skeleton className="h-4 w-[250px]" />
		<Skeleton className="h-4 w-[200px]" />
	</MediaObjectContent>
</MediaObject>