DocumentManager
@spartanfx/react / DocumentManager
Variable: DocumentManager
constDocumentManager:React.FunctionComponent<IDocumentManagerProps>
A production-ready document management component for displaying and managing files and folders.
Features:
- Grid and list view modes
- Selection column with select/unselect all
- Context menu (rename, duplicate, move, delete)
- File type icons with categories
- Folder organization and navigation
- Drag & drop upload support
- Multi-selection and bulk operations (above document list)
- Search and filtering
- Sorting (name, size, date, type)
- Actions: copy link, delete, rename, move, download, duplicate
- Drag & drop files into folders (native HTML5, no external deps)
- Extensible via adapters (SharePoint, etc.)
- Fully accessible
- Themeable
Example
<DocumentManager
items={documents}
onUpload={handleUpload}
onDelete={handleDelete}
onRename={handleRename}
onDuplicate={handleDuplicate}
onMove={handleMove}
currentPath="/documents"
enableMultiSelect
enableCopyLink
/>