Tree view

Stable
Last updated Jul 1, 2026

A tree view is a hierarchical structure that provides nested levels of navigation.

Tree view

Documentation

Preview the tree view component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Feature flags

A feature flag has been added to tree view to improve accessibility and changes parts of its functionality, not its visual appearance. For more code-specific feature flag information, refer to the @carbon/react framework. Once the next major release (v12) is released in the future, this feature flag will become the default version of the component.

The enable-treeview-controllable flag allows synchronizing the state of selected and active with the application and is a new controllable API of TreeView.

Feedback

Help us improve this component by providing feedback, asking questions, and leaving any other comments on GitHub.

Tree view | Carbon Design System