About this block

File Browser Table is the folder contents view, six rows across two folders and four files with folders sorted first. Each row carries a file-type icon paired with the entry name, an owner avatar from the shared set (Avery Stone, Priya Nair, Marcus Kim, Jordan Lee, Maya Chen), right-aligned tabular sizes from 380 KB to 1.2 GB, a short modified timestamp, and a ghost actions button. A breadcrumb nav above reads Acme / Design / Q2 and the panel header counts the 6 items with an Upload file button.

Entries are two flat arrays (FOLDERS then FILES) merged at render, so the sort order is guaranteed without a runtime sort. The tabular-nums columns prevent size strings from shifting across rows.

When to use

Reach for this block on any folder contents page in a file manager, wired to a directory listing endpoint and a breadcrumb router. Swap the actions ghost button for a real dropdown when your action set is known.

A natural flow around it on an Application Pro page:

Before

• Folder tree nav

After

• File detail panel
• Upload dropzone card

What you can display

One strong use is the scoped folder view. Other table shapes:

• Search results. Replace the breadcrumb with a result count and a query pill.
• Shared with me. The same columns, owner becomes Shared by and the folder badge becomes a source badge.
• Recents. Drop the breadcrumb, sort by modified descending, and widen the Modified column.

Tip: keep folders at the top of every listing, mixed sort order is the fastest way to lose a file.