BlockReactSelf-contained

File System (Finder)

file-system-block

A Finder-style file browser block that opens PDF, DOCX, PowerPoint, XLSX, and image files in large viewer dialogs.

This item declares no source files.

Install

npx shadcn@latest add @extend/file-system-block

Needs @extend in your components.json registries — switch to URL if it doesn't resolve.

@extend

A compact file preview thumbnail shell for externally generated images, loading states, and fallback states.

A connected control group primitive for buttons, inputs, separators, and text addons.

A keyboard shortcut display primitive.

A floating popover built on Base UI.

A callout for displaying contextual messages.

A custom scroll area built on Base UI.

A visual separator built on Base UI.

A flexible container primitive for grouped content.