MUI X
MUI X Tree View
The Tree View component lets users navigate hierarchical lists of data with nested levels that can be expanded and collapsed.
- Paper
- Header container
- Avatar
- Text Content
- Header Title
- Header Caption
- Image
- Content
- Text Content
- Action Bar
- Icon Button
R
Shrimp and Chorizo Paella
September 14, 2016
This impressive paella is a perfect party dish and a fun meal to cook together with your guests. Add 1 cup of frozen peas along with the mussels, if you like.
Using MUI X Tree View
Create stunning tree structures
A high-performance, customizable React component with the best possible developer experience.
Customizable and flexible
Easily adapt the look and feel and behavior to fit any brand, no matter your use case.
Inclusive by design
Built to meet accessibility standards, ensuring a seamless experience for every user.
Performant and scalable
Leverage features like virtualization and lazy loading to deliver lightning-fast performance at any scale.
Community and Pro
Two packages for every need
Start with the free-forever Community version, then upgrade to Pro when you are ready for additional features and components.
Customization
Superior developer experience for customization
Intuitive APIs, a modern customization approach, and detailed documentation make it effortless to tailor the component to your specific use case.
- Paper
- Header container
- Avatar
- Text Content
- Header Title
- Header Caption
- Image
- Content
- Text Content
- Action Bar
- Icon Button
Advanced features
Support for label editing
Support for label editing
Provides users with control over the presentation of their data.
Drag and drop reordering
Offers an intuitive and efficient way to reorganize the tree structure.
Lazy loading children
Improves performance by loading children on demand, especially for large trees.
- @mui/x-data-grid
- @mui/x-data-grid-pro
- @mui/x-date-pickers
- @mui/x-date-pickers-pro
- Charts
- Tree View
<RichTreeView
items={MUI_X_PRODUCTS}
isItemEditable
/>
Accessibility
Inclusive by design
The MUI X Tree View feature advanced keyboard support that's compliant with WCAG and WAI-ARIA standards, so users who require assistive technology can navigate your interface with ease.
More about accessibility- mui/x-tree-view
- x-tree-view-pro