Svelte File Tree

Unstyled file tree component library for Svelte

Installation

npm install svelte-file-tree

Keyboard Shortcuts

ShortcutAction
↑/↓Move up/down and select only the next item
Ctrl↑/↓Move up/down without affecting selection
Shift↑/↓Move up/down and select the current and next item
Expand folder or move to the first child
Collapse folder or move to the parent
PgUp/PgDnMove one page up/down
CtrlShiftPgUp/PgDnMove one page up/down and select all visible items between
Home/EndMove to the first/last visible item
CtrlShiftHome/EndMove to the first/last visible item and select all visible items between
*Expand all siblings
SpaceToggle selection
ShiftSpaceSelect multiple items
CtrlaSelect all visible items
CtrlcCopy to clipboard
CtrlxCut to clipboard
CtrlvPaste
CtrlShiftvPaste into the parent folder
EscClear selection and clipboard
DelDelete

Examples

Basic Usage

Simple tree representing a filesystem

  • Keyboard Navigation
  • Drag and Drop
  • Upload Files

Virtualization

Large tree rendered efficiently with virtualization

  • 5000+ items
  • Virtualized
  • Fast and Smooth
View on GitHub