Tree view

Stable
Last updated Aug 11, 2026

A tree view presents content in a hierarchical structure with nested levels, helping users navigate and explore related information.

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 by providing feedback, asking questions, requesting features, or leaving any other comments on GitHub.