Hiyve Components - v1.0.0
    Preparing search index...

    Interface FileManagerRenderProps

    Render props for advanced FileManager customization.

    <FileManager
      renderProps={{
        renderEmptyState: () => (
          <CustomEmptyState
            title="No files yet"
            description="Upload your first file to get started"
          />
        ),
        renderFileName: (file) => (
          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
            <FileIcon resourceType={file.resourceType} />
            <Typography>{file.fileName}</Typography>
            {file.shared?.length > 0 && <SharedBadge />}
          </Box>
        )
      }}
    />
    interface FileManagerRenderProps {
        renderBreadcrumbs?: (
            currentPath: string,
            onNavigate: (path: string) => void,
        ) => ReactNode;
        renderEmptyState?: () => ReactNode;
        renderFileName?: (file: FileEntry) => ReactNode;
        renderFolderName?: (folder: FolderEntry) => ReactNode;
        renderToolbar?: (props: FileManagerToolbarProps) => ReactNode;
    }
    Index

    Properties

    renderBreadcrumbs? renderEmptyState? renderFileName? renderFolderName? renderToolbar?

    Properties

    renderBreadcrumbs?: (
        currentPath: string,
        onNavigate: (path: string) => void,
    ) => ReactNode

    Custom renderer for breadcrumbs. Return null to hide breadcrumbs.

    Type Declaration

      • (currentPath: string, onNavigate: (path: string) => void): ReactNode

      • Parameters

        • currentPath: string

          Current folder path

        • onNavigate: (path: string) => void

          Navigation callback

        Returns ReactNode

        Custom breadcrumbs React node

    renderEmptyState?: () => ReactNode

    Custom renderer for empty state when no files/folders exist.

    Type Declaration

      • (): ReactNode

      • Returns ReactNode

        Custom empty state React node

    renderFileName?: (file: FileEntry) => ReactNode

    Custom renderer for file name cell in the table.

    Type Declaration

      • (file: FileEntry): ReactNode

      • Parameters

        Returns ReactNode

        Custom file name React node

    renderFolderName?: (folder: FolderEntry) => ReactNode

    Custom renderer for folder name cell in the table.

    Type Declaration

      • (folder: FolderEntry): ReactNode

      • Parameters

        Returns ReactNode

        Custom folder name React node

    renderToolbar?: (props: FileManagerToolbarProps) => ReactNode

    Custom renderer for toolbar. Return null to hide toolbar.

    Type Declaration

    Settings

    Member Visibility

    On This Page

    Properties