Skeleton Card

Pre-composed card skeleton for loading states

Pre-composed card skeleton component that combines multiple skeleton elements to create a realistic card loading placeholder.

Demo

<script>
import SkeletonCard from '$lib/shared/components/loading/SkeletonCard.svelte';
</script>

<!-- Default card skeleton -->
<SkeletonCard />

Prop	Type	Default	Description
`showImage`	`boolean`	`true`	Whether to show image skeleton
`showAvatar`	`boolean`	`false`	Whether to show avatar skeleton
`showActions`	`boolean`	`true`	Whether to show action button skeletons
`animation`	`'shimmer' \\| 'pulse' \\| 'none'`	`'shimmer'`	Animation style
`class`	`string`	`''`	Additional CSS classes