Skip to content

Skip to Content

Components Landing Introduction

Registry Themes

Blocks All blocks Dashboard Dashboard 01 Sign in Dashboard management Profile settings Kanban board Tasks Data table Calendar Settings dialog Notifications Command centre Pipeline File manager Email inbox Conversations Sidebar Desktop

Accordion Alert Aspect ratio Auth Auto height Avatar Avatar group Badge Breadcrumb Bubble Button Calendar Card Carousel Chat Checkbox Code block Collapsible Color picker Color swatches Combobox Command menu Confirmation dialog Context menu Copy button Countdown Date picker Diagram Dialog Disclosure Drawer Dropdown menu EmptyState Field and inline validation Fieldset Form Highlight text Hotkey recorder Hover card Image zoom Inline edit Input group Inset group Item Kanban Keyboard shortcuts Knob List Mention input Message Message Scroller MultiStepForm Navigation menu Page transition Pagination Pinned list Popover Preview card Progress Reorderable tabs Reveal Search input Segmented control Select Separator Sheet Sidebar Skeleton Slider Spinner Stepper Switch Table Tabs Tag input Theme toggler Time picker Timeline Toast Toggle Toggle group Tooltip User menu

Examples API reference

Platform

Palette

Dark · macOS · Menlo

Blocks

File manager

A three-pane file browser

Files

Storage58.7 GB of 100 GB

Pictures

car-driving.jpg

Information

Type: JPG
Size: 442.4 kb
Date: Fri, 07 March 2025, 09:10
Contrast: 2
ExifFDPointer: 26

Block source on GitHubapps/docs/src/components/docs/file-manager-block.tsx

Click a tile to repaint the information rail; the four view buttons switch the layout.

Edit this page on GitHubapps/docs/content/docs/blocks/file-manager.mdx

Pipeline

A release pipeline in a native Mac window

Email inbox

A mail client with a folder rail, message list and reading pane