Title: Tree - Mintlify
Open Graph Title: Tree - Mintlify
X Title: Tree - Mintlify
Description: Use the tree component to display hierarchical file and folder structures with collapsible nodes and syntax highlighting for path names.
Open Graph Description: Use the tree component to display hierarchical file and folder structures with collapsible nodes and syntax highlighting for path names.
X Description: Use the tree component to display hierarchical file and folder structures with collapsible nodes and syntax highlighting for path names.
Opengraph URL: https://www.mintlify.com/docs/components/tree
Generator: Mintlify
Domain: figstack.com
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.mintlify.com/#organization","name":"Mintlify","url":"https://www.mintlify.com","logo":{"@type":"ImageObject","url":"https://mintcdn.com/mintlify/ZmWpbGQa5yv5AElR/logo/light.svg?fit=max&auto=format&n=ZmWpbGQa5yv5AElR&q=85&s=094e41f7b58b2cab0a6faa2bab2828e0"}},{"@type":"WebSite","@id":"https://www.mintlify.com/docs#website","name":"Mintlify","url":"https://www.mintlify.com/docs","publisher":{"@id":"https://www.mintlify.com/#organization"}},{"@type":"WebPage","@id":"https://www.mintlify.com/docs/components/tree#webpage","url":"https://www.mintlify.com/docs/components/tree","name":"Tree","description":"Use the tree component to display hierarchical file and folder structures with collapsible nodes and syntax highlighting for path names.","dateModified":"2026-09-14T18:43:40.764Z","isPartOf":{"@id":"https://www.mintlify.com/docs#website"},"breadcrumb":{"@id":"https://www.mintlify.com/docs/components/tree#breadcrumb"}},{"@type":"BreadcrumbList","@id":"https://www.mintlify.com/docs/components/tree#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Create content","item":"https://www.mintlify.com/docs/base/setup"},{"@type":"ListItem","position":2,"name":"Components","item":"https://www.mintlify.com/docs/components/index"},{"@type":"ListItem","position":3,"name":"Tree","item":"https://www.mintlify.com/docs/components/tree"}]},{"@type":["Article","TechArticle"],"@id":"https://www.mintlify.com/docs/components/tree#article","headline":"Tree","name":"Tree","description":"Use the tree component to display hierarchical file and folder structures with collapsible nodes and syntax highlighting for path names.","url":"https://www.mintlify.com/docs/components/tree","mainEntityOfPage":{"@id":"https://www.mintlify.com/docs/components/tree#webpage"},"dateModified":"2026-09-14T18:43:40.764Z","keywords":"tree, file tree, folder structure, hierarchical navigation, file system","publisher":{"@id":"https://www.mintlify.com/#organization"},"isPartOf":{"@id":"https://www.mintlify.com/docs#website"}}]}{"@context":"https://schema.org","@type":"WebSite","name":"Mintlify","creator":{"@type":"Organization","name":"Mintlify","url":"https://mintlify.com"}}| application-name | Mintlify |
| og:site_name | Mintlify |
| og:type | website |
| og:image | https://mintlify.mintlify.app/_mintlify/api/og/v2?division=Components&title=Tree&description=Use+the+tree+component+to+display+hierarchical+file+and+folder+structures+with+collapsible+nodes+and+syntax+highlighting+for+path+names.&theme=e50af954c8f29bef74c5cce5&signature=2852914dedec13e85e8a198bb0e9b03f197100811b4705760a3180c9e750eed9 |
| og:image:width | 1200 |
| og:image:height | 630 |
| twitter:card | summary_large_image |
| twitter:image | https://mintlify.mintlify.app/_mintlify/api/og/v2?division=Components&title=Tree&description=Use+the+tree+component+to+display+hierarchical+file+and+folder+structures+with+collapsible+nodes+and+syntax+highlighting+for+path+names.&theme=e50af954c8f29bef74c5cce5&signature=2852914dedec13e85e8a198bb0e9b03f197100811b4705760a3180c9e750eed9 |
| twitter:image:width | 1200 |
| twitter:image:height | 630 |
| msapplication-config | https://mintlify.s3.us-west-1.amazonaws.com/mintlify/_generated/favicon/browserconfig.xml?v=3 |
| apple-mobile-web-app-title | Mintlify |
| msapplication-TileColor | #166E3F |
| og:locale | en_US |
| google-site-verification | YRuJgIxsRnMkiRTYTo_tEsJSFyIE3AraEiukTbeV4Ag |
Links:
Viewport: width=device-width, initial-scale=1, viewport-fit=cover