FileViewerStates

File Viewer exposes state components for custom routes and workflow-owned file surfaces. They share one visual grammar and stable data-slot attributes.

Copy<FileViewerErrorState
  error={error}
  retry
  onRetry={reload}
  download={download}
/>

Components

Behavior

• All state components accept title, description, icon, action, className, and standard div props.
• FileViewerLoadingState renders aria-busy="true" and a default skeleton.
• FileViewerErrorState derives user-facing copy from the error and can render retry and download actions when useful.
• FileViewerUnsupportedState can render a download action for files that cannot be previewed.
• The state frame uses data-slot="file-viewer-*-state" plus shared state title, description, icon, skeleton, and action slots.

Source

"use client";

export type { ViewerSource } from "./file-viewer-core";
export {
  FileViewerContent,
  FileViewerInset,
  FileViewerLegend,
  FileViewerViewport,
  type FileViewerContentProps,
  type FileViewerInsetProps,
  type FileViewerLegendProps,
  type FileViewerViewportProps,