Nested List Component / File Directory

I'm trying to build out a file directory structure in my app, similar to a Windows Explorer view. I'm pulling the list of files from an S3 bucket query and want the user to be able to navigate the files and upload/download to through the same view.

I've tried using the repeatable lists and expandable tables, which works as a basic feature, but comes up short on optimization. I have to manually add a layer of lists/tables for every subdirectory layer, and with many files this slows down fast.

I've also checked out the checkbox tree as an alternative, which has the better optimization, but lacks a lot of stylistic control that tables/repeatable lists have.

Is there an easy option I've overlooked, or is this something that could be done in a custom component relatively easily?

Hey there! Depending on how comfortable you are with React, this honestly might be easier to do with a custom component if you are very particular about styling.

From just a quick google search:

Hope this helps!