← ui-lab

File List

A virtualized, multi-selectable data grid — a file-manager details view. It renders only a window of its 100 rows while exposing the full count (aria-rowcount), and rows are selectable with the file-manager model (plain / Cmd-Ctrl / Shift click, Arrow / Shift+Arrow, Ctrl/Cmd+A) — selection that survives rows being recycled as you scroll.

Preview

Name
Size
Kind
File 1
1 KB
Text
File 2
2 KB
Text
File 3
3 KB
Text
File 4
4 KB
Text
File 5
5 KB
Text
File 6
6 KB
Text
File 7
7 KB
Text
File 8
8 KB
Text
File 9
9 KB
Text
File 10
10 KB
Text
File 11
11 KB
Text
File 12
12 KB
Text
File 13
13 KB
Text
File 14
14 KB
Text
File 15
15 KB
Text
File 16
16 KB
Text

Installation

npx shadcn@latest add https://ui.publictheta.com/r/file-list.json

Conformance

This component conforms to the @publictheta/ui-spec file-list specification, composing grid navigation, multi-selection, and virtualization. Run the suite against any implementation with pnpm conformance.