Skeleton
Use to show a placeholder while content is loading.
import { Skeleton } from "@murasakijs/ui";export function SkeletonDemo() {return ( <div className="flex items-center gap-4"> <Skeleton className="h-12 w-12 rounded-full" /> <div className="space-y-2"> <Skeleton className="h-4 w-[250px]" /> <Skeleton className="h-4 w-[200px]" /> </div> </div>);}Usage
import { Skeleton } from "@murasakijs/ui";<Skeleton className="h-4 w-[250px]" />API Reference
Props
Skeleton renders a pulsing <div> with no fixed dimensions — use
className (h-*, w-*, rounded-*) to shape it into a circle, line, or
block matching the content it's standing in for.