Svelte File Tree
Unstyled file tree component library for Svelte
Installation
npm install svelte-file-tree
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
| ↑/↓ | Move up/down and select only the focused item |
| Shift↑/↓ | Move up/down and select the current and focused item |
| Ctrl↑/↓ | Move up/down without affecting selection |
| → | Expand folder or move to the first child |
| ← | Collapse folder or move to the parent |
| PgUp/PgDn | Move one page up/down and select only the focused item |
| CtrlShiftPgUp/PgDn | Move one page up/down and select all visible items between |
| Home/End | Move to the first/last visible item and select only the focused item |
| CtrlShiftHome/End | Move to the first/last visible item and select all visible items between |
| * | Expand all siblings |
| Space | Toggle selection |
| ShiftSpace | Select multiple items |
| Ctrla | Select all visible items |
| Ctrlc | Copy to clipboard |
| Ctrlx | Cut to clipboard |
| Ctrlv | Paste |
| CtrlShiftv | Paste into the parent folder |
| Esc | Clear selection and clipboard |
| Del | Delete |
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