Tree

A composable tree component with animated expand/collapse and customizable nodes for displaying hierarchical data structures.

Installation

        npx shadcn-svelte@latest add http://adv76.github.io/kibo-svelte/r/tree.json
    

Features

  • Animated expand/collapse with configurable animations
  • Customizable node icons and labels
  • Single and multi-selection support
  • Optional tree lines for visual hierarchy
  • Keyboard navigation support (Ctrl/Cmd for multi-select)
  • Fully composable API for custom tree nodes
  • Built-in folder/file icons with open/closed states

Examples

Simple tree

Custom icons

Without lines

Controlled selection