Skip to content
DATA · COMPLETE

FileExplorer

Give users a familiar file browser for your own storage.

A familiar file browser for your own storage: a database, a disk or a cloud. You provide the source and the explorer provides the experience.

Why it helps

  • Folder tree and file list
  • Create, rename, delete, upload
  • Works with your storage

Where it fits

  • Document libraries
  • Media management
  • Admin tools

Example

<FileExplorer Source="_source" Label="Company files" OnOpen="@(file => _opened = file.Name)" OnSelectionChanged="@(entries => _count = entries.Count)" />
<p>Selected: @_count. Last opened file: @(_opened ?? "none"). Click to select, Ctrl or Shift to select more, Enter opens, F2 renames, Delete removes.</p>

@code {
    private readonly SampleFileSource _source = new();
    private string? _opened;
    private int _count;
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation