Blazor FileManager - Overview

The Telerik UI for Blazor FileManager component allows browsing and managing files and folders in Blazor applications. It enables you to preview a file system and perform rename, sort, search, upload and download operations. The Blazor FileManager includes a built-in toolbar with predefined commands, three panes for viewing and previewing content, a context menu for the file list and built-in localization.

In the current demo, you can see how to use the FileManager UI component in Blazor Applications. You need to add the <TelerikFileManager> tag in your razor page, bind the component by setting the Data attribute to an IEnumerable<TItem>, set the Path parameter and handle the file explorer events related to file operations for creating, renaming and deleting of files and folders.

The FileManager for Blazor supports single and multiple selection for both folders and files. The multiple selection feature comes in handy when you want users to perform a single operation on multiple files in the file system. The toolbar in the component’s header includes the most common operations related to managing files and folders: create a new folder, show/hide file details preview, search box, allowing users to easily filter based on folder and file names and file upload.

You can bind the Telerik Blazor FileManager to flat data (a collection of self-referencing items with parent-child relationships) and hierarchical data (where each item holds its children in a nested property).

Because the Telerik FileManager supports localization out of the box, you can easily show commands and context menu items translated to any language your Blazor app may require.