SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Back to catalog
Component detail entry
Navigation
@soybeanjs/ui
STree

Tree

Tree belongs to the Navigation category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.50.0

2026-10-02

Compare release

Feature

add state-driven expand/collapse motion

Scope: treeAuthors: soybeanfeView commit7bc90

Style

pass virtual items to the animated virtualizer motion branch

Scope: treeAuthors: soybeanfeView commita1bd2

Style

clip virtualizer motion rendering to the visible window

Scope: treeAuthors: soybeanfeView commitda13e

Style

type the STree item slot item as FlattenedItem

Scope: treeAuthors: soybeanfeView commit8eb8b

Style

keep focus through virtualizer motion by unifying the render list

Scope: treeAuthors: soybeanfeView commitfb777

Refactor

remove auto-animate expand transition

Scope: treeAuthors: soybeanfeView commitafcc3

Feature

add state-driven expand/collapse motion

Scope: treeAuthors: soybeanfeView commit7bc90

Fix

pass virtual items to the animated virtualizer motion branch

Scope: treeAuthors: soybeanfeView commita1bd2

Fix

clip virtualizer motion rendering to the visible window

Scope: treeAuthors: soybeanfeView commitda13e

Fix

type the STree item slot item as FlattenedItem

Scope: treeAuthors: soybeanfeView commit8eb8b

Fix

keep focus through virtualizer motion by unifying the render list

Scope: treeAuthors: soybeanfeView commitfb777

Refactor

remove auto-animate expand transition

Scope: treeAuthors: soybeanfeView commitafcc3

v0.0.2

2025-11-18

Compare release

Feature

implement tree component with selection and expansion behavior, including context and hooks for enhanced functionality

Scope: treeAuthors: soybeanjsView commitd6ab7

Feature

enhance tree component with new virtualizer functionality and refactor existing structure for improved usability

Scope: treeAuthors: soybeanjsView commitcf8e7

Feature

add loop prop for keyboard navigation in TreeRoot component

Scope: treeAuthors: soybeanjsView commite9f2a

Feature

enhance tree component with selection behavior and parent path finding functionality

Scope: treeAuthors: soybeanjsView commitbb1ce

Style

remove v-auto-animate directive from Base and Virtualizer examples for cleaner implementation

Scope: treeAuthors: soybeanjsView commit5b391

Feature

implement tree component with selection and expansion behavior, including context and hooks for enhanced functionality

Scope: treeAuthors: soybeanjsView commitd6ab7

Feature

enhance tree component with new virtualizer functionality and refactor existing structure for improved usability

Scope: treeAuthors: soybeanjsView commitcf8e7

Feature

add loop prop for keyboard navigation in TreeRoot component

Scope: treeAuthors: soybeanjsView commite9f2a

Feature

enhance tree component with selection behavior and parent path finding functionality

Scope: treeAuthors: soybeanjsView commitbb1ce

Style

remove v-auto-animate directive from Base and Virtualizer examples for cleaner implementation

Scope: treeAuthors: soybeanjsView commit5b391