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 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/PgDn | Move one page up/down |
CtrlShiftPgUp/PgDn | Move one page up/down and select all visible items between |
Home/End | Move to the first/last visible 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