Simple Tree View - Customization

Customize the rendering of your Tree View.

Custom icons, border and animation

ContentComponent prop

You can use the ContentComponent prop and the useTreeItem hook to further customize the behavior of the TreeItem.

Such as limiting expansion to clicking the expand icon:

Or increasing the width of the item state indicator to be full-width:

Gmail clone

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

• <SimpleTreeView />
• <TreeItem />