Components / FileBrowser
FileBrowser
Folders and files from the app, with a breadcrumb, sorting and selection.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn file_browser() -> impl View {
let entries = vec![
FileEntry::folder("Weddings").modified("Oct 12, 2026", 12),
FileEntry::folder("Portraits").modified("Sep 3, 2026", 3),
FileEntry::file("catalog.db", 48_302_112).modified("Nov 2, 2026", 32),
FileEntry::file("notes.txt", 2_204).modified("Oct 30, 2026", 30).icon(IconName::FileText),
FileEntry::file("cover.jpg", 3_480_000).modified("Aug 21, 2026", 1).icon(IconName::Image),
];
FileBrowser::new(["Backups", "2026", "Studio"], entries).height(300.0)
}