Components
Loading preview...
A collapsible thumbnail sidebar for document and PDF viewers, with a loading skeleton.
npx shadcn@latest add https://21st.dev/r/extend-hq/document-viewer-sidebar"use client";
import { DocumentViewerSidebarSkeleton } from "@/components/ui/document-viewer-sidebar";
export default function Default() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-8">
<div className="h-96 w-48 overflow-hidden rounded-xl border bg-card shadow-sm">
<DocumentViewerSidebarSkeleton inline />
</div>
</div>
);
}