Components

Retab UI components are headless and unstyled — install each as source with the shadcn CLI and theme it to match your product.

File Viewer

File Viewer is the flagship document component. It owns file identity, header composition, body layout, sidebar state, renderer routing, and file-scoped controls. Format renderers and navigation modules live inside this category:

• Anatomy — the compound component shape.
• Header — title, metadata, controls, and sidebar trigger.
• Navigation — the optional rail slot and file-scoped navigation controls.
• FileViewerAttachments — attachment rows inside the sidebar slot.
• FileViewerSegments — segment rows inside the sidebar slot.
• FileViewerSegmentLegend — compact segment color key.
• Email — compound MIME viewing with File Viewer leaves.
• PDF, Image, CSV, Text, and Office renderers.

Forms & data

• Data Cell — a lightweight editable cell for scalar document data: text, numbers, booleans, dates, times, and date-times.
• JSON Form — a JSON-Schema-driven form built entirely on shadcn's FormField abstraction.
• JSON Table — render structured extraction data as a schema-driven, virtualized table.
• Schema Builder — build the JSON Schema that drives a Retab extraction, the same editor used in the Retab dashboard; includes the Property Form subcomponent (the Edit Property dialog body).
• Parse Viewer — render Retab parse output as page-preserving markdown with source-document sync.

File intake

• Dropzone — build custom file intake surfaces with the headless drag/drop and file input primitive.
• File Thumbnail — render compact file preview images with a skeleton, fade transition, and fallback state.