Changelog

November 9, 2025

用于显示文件树结构的 Files 组件

全新的 <Files> 组件可以创建可视化的文件树结构，支持可展开的文件夹和嵌套文件。使用它来展示项目结构、目录布局或文档中的任何分层文件组织。

components
accordion.mdx
button.mdx
card.mdx
tabs.mdx
assets
markdown.mdx
README.md# 为文档做贡献
markdown.mdx
README.md

该组件包含三个部分：<Files> 作为容器，<Folder> 用于可展开或折叠的目录，<File> 用于单个文件。文件夹和文件支持可选的 href 属性以使其成为可点击链接，文件夹可以使用 defaultOpen 在页面加载时默认展开。

Markdown
1<Files>
2  <Folder name="components" highlighted defaultOpen>
3    <File name="accordion.mdx" />
4    <File name="button.mdx" />
5    <File name="card.mdx" />
6    <File name="tabs.mdx" />
7  </Folder>
8  <Folder name="assets">
9    <File name="styles.css" />
10  </Folder>
11  <File name="markdown.mdx" href="/learn/docs/writing-content/markdown" />
12  <File name="README.md" comment="Contribute to the docs"/>
13  <File name="markdown.mdx" href="/learn/docs/writing-content/markdown-basics" />
14  <File name="README.md" />
15</Files>
阅读文档