FileViewer displays a file preview in a modal overlay.
Supports preview for:
For complex file types (whiteboards, transcripts, etc.), the component can be extended via the onFileOpen callback to delegate to specialized viewers.
<FileViewer open={viewerState.open} onClose={() => setViewerState({ ...viewerState, open: false })} file={viewerState.file} fileUrl={viewerState.fileUrl} loading={viewerState.loading} error={viewerState.error}/> Copy
<FileViewer open={viewerState.open} onClose={() => setViewerState({ ...viewerState, open: false })} file={viewerState.file} fileUrl={viewerState.fileUrl} loading={viewerState.loading} error={viewerState.error}/>
FileViewer displays a file preview in a modal overlay.