Skip to content

Tree component (new) #19

Open
Open
@d13

Description

Create a set of components that provides a comparable list-style experience commonly generated by VS Code's Tree view API.

Building a tree-view-style UI should be a highly composable dev-experience, supported by a number of components including:

  • vscode-tree
  • vscode-tree-item
  • vscode-toolbar
  • vscode-action

Trees should support:

  • user preferences: indentation, view-modes (auto, tree, list)
  • parent-child node relationships (expanding/collapsing, etc)
  • checking off items
  • events based on clicking the whole item
  • show toolbars when clicked, hovered, or focused
  • decorators at the farthest end of the row used to convey status of the item
  • if not virtualizing these items, we can probably just use content-visibility

Example:

Screen Shot 2024-08-22 at 12 46 11 AM

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions