File Viewer
retab-ui/file-viewerFreeComponent
One viewer for any file: detects the type and lazy-loads the matching renderer (PDF, DOCX, XLSX, PPTX, CSV, images) plus inline, virtualized text/code/JSON, Markdown (sandboxed), and HTML (sandboxed). Only the needed parser is ever downloaded.
Install it
npx shadcn@latest add https://ui.retab.com/r/file-viewer.jsonSource
1"use client";23export type { ViewerSource } from "./file-viewer-core";4export {5 FileViewerContent,6 FileViewerInset,7 FileViewerLegend,8 FileViewerViewport,9 type FileViewerContentProps,10 type FileViewerInsetProps,11 type FileViewerLegendProps,12 type FileViewerViewportProps,13} from "./file-viewer-layout";14export {15 FileViewerSidebar,16 FileViewerSidebarContent,17 FileViewerSidebarFooter,18 FileViewerSidebarHeader,19 FileViewerSidebarRail,20 FileViewerSidebarSection,21 FileViewerSidebarSectionAction,22 FileViewerSidebarSectionContent,23 FileViewerSidebarSectionHeader,24 FileViewerSidebarSectionTitle,25 FileViewerSidebarSeparator,26 type FileViewerSidebarProps,27 type FileViewerSidebarContentProps,28 type FileViewerSidebarFooterProps,29 type FileViewerSidebarHeaderProps,30 type FileViewerSidebarRailProps,31 type FileViewerSidebarSectionActionProps,32 type FileViewerSidebarSectionContentProps,33 type FileViewerSidebarSectionHeaderProps,34 type FileViewerSidebarSectionProps,35 type FileViewerSidebarSectionTitleProps,36 type FileViewerSidebarSeparatorProps,37} from "./file-viewer-sidebar";38export {39 FileViewerDocument,40 type FileViewerDocumentProps,41} from "./file-viewer-document";42export {43 FileViewerControls,44 FileViewerHeader,45 FileViewerMeta,46 FileViewerSidebarTrigger,47 FileViewerTitle,48 type FileViewerControlsProps,49 type FileViewerHeaderProps,50 type FileViewerMetaProps,51 type FileViewerSidebarTriggerProps,52 type FileViewerTitleProps,53} from "./file-viewer-header";54export {55 FileViewerEmptyState,56 FileViewerErrorState,57 FileViewerLoadingState,58 FileViewerUnavailableState,59 FileViewerUnsupportedState,60 type FileViewerErrorStateProps,61 type FileViewerStateProps,62 type FileViewerUnsupportedStateProps,63} from "./file-viewer-state";64export { useFileViewerResource } from "./file-viewer-resource-state";65export {66 FileViewerPreview,67 type FileViewerPreviewProps,68} from "./file-viewer-preview";69export {70 useFileViewerSidebar,71 type FileViewerHeaderMode,72 type FileViewerSidebarValue,73} from "./file-viewer-context";74export {75 FileViewer,76 type FileViewerLayout,77 type FileViewerProps,78} from "./file-viewer-shell";79export {80 FileViewerProvider,81 type FileViewerProviderProps,82} from "./file-viewer-provider";
What it pulls in
npm packages
Other registry items
Files it writes
More from retab-ui
All 130 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Alertalert | retab-ui | Components | Free | 1 dep | |
| Alert Dialogalert-dialog | retab-ui | Components | Free | 1 dep | |
| Aspect Ratioaspect-ratio | retab-ui | Components | Free | no deps | |
| Attachment Sidebarattachment-sidebar | retab-ui | Components | Free | 1 dep | |
| Autocompleteautocomplete | retab-ui | Components | Free | 2 deps | |
| Calendarcalendar | retab-ui | Components | Free | 2 deps | |
| Code Viewercode-viewer | retab-ui | Components | Free | 2 deps · 32 files | |
| Commandcommand | retab-ui | Components | Free | 2 deps |
