Tree-view component
See original GitHub issueType of issue: (check with “[x]”)
- [x] New feature request
- [ ] Bug
- [ ] Support request
- [ ] Documentation
Current behaviour:
Expected behaviour:
Steps to reproduce the issue:
Component name and version:
Browser and version:
Node version (for build issues):
New feature request:
Please can we have a tree-view navigation component that allows developers to build a user interface that enables users to traverse through a hierarchical structure, like folders.
There are many use cases for a tree-view component:
- Browse folder structure of the repository, or a site etc
- Select a folder to move, or copy content to
Acceptance Criteria
- Tree-view component’s data source is configurable
- Design utilises Material Design (i.e. http://codepen.io/kasajian/pen/MyWyMo)
- Configuration for enforcing selection of a single item, or allowing multiple selection
- Users can select all, unselect all easily (which is configurable)
- Items containing children can be expanded and collapsed
- Configuration use as a source or destination component
- Allow pre-selection of a node(s) (by ID or path) via configuration
Issue Analytics
- State:
- Created 7 years ago
- Comments:10 (6 by maintainers)
Top Results From Across the Web
Tree View React component - Material UI - MUI
A tree view widget presents a hierarchical list. Tree views can be used to represent a file system navigator displaying folders and files,...
Read more >Treeview component - Vuetify
Vuetify is a Material Design component framework for Vue.js. ... The v-treeview component is useful for displaying large amounts of nested ...
Read more >Getting started with React TreeView component - Syncfusion
TreeView can load data either from local data sources or remote data services. This can be done using the dataSource property that is...
Read more >Tree view - Carbon Design System
A tree view consists of nested heading levels that create a content hierarchy for users and assist with navigating large amounts of information....
Read more >treeview-component - npm
React TreeView for tree data structure representation. Latest version: 2.0.1, last published: 7 months ago. Start using treeview-component ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Another requirement would be to allow pre-selection of a node(s) (by ID or path) via configuration.
Closing for now. Can be reopened in the future if needed.