Tree | Angular Material

This site uses cookies from Google to deliver its services and to analyze traffic.

Material Components CDK Guides

Components CDK Guides

Bidirectionality

Component Harnesses

Examples for tree

Tree with flat nodes

Fruit

Apple

Banana

Fruit loops

Vegetables

Green

Broccoli

Brussels sprouts

Orange

Pumpkins

Carrots

Tree with nested nodes

Fruit

Apple

Banana

Fruit loops

Vegetables

Green

Broccoli

Brussels sprouts

Orange

Pumpkins

Carrots

Powered by Google LLC ©2010-2025.Code licensed under an MIT-style License.Documentation licensed under CC BY 4.0.

Azure & Blue theme selected.

Select a version of the documentation

Select a theme for the documentation

Copy link to example

View code

Edit Tree with flat nodes example in StackBlitz

Edit Tree with nested nodes example in StackBlitz