Components
A text placeholder skeleton with stacked lines to show a loading state for paragraphs of content.
Loading preview...
import { SkeletonText } from "@/components/ui/uiable-skeleton-text";
export default function DemoSkeletonText() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center bg-background p-8">
<div className="w-full max-w-sm rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
<SkeletonText />
</div>
</div>
);
}