AI 매직 3DDocs파일
문서에 파일 구조 표시
page.tsx
layout.tsx
page.tsx
global.css
package.json
사용법
Files에 파일 구성 요소를 래핑합니다.
import { File, Folder, Files } from 'fumadocs-ui/components/files';
<Files>
<Folder name="app" defaultOpen>
<File name="layout.tsx" />
<File name="page.tsx" />
<File name="global.css" />
</Folder>
<Folder name="components">
<File name="button.tsx" />
<File name="tabs.tsx" />
<File name="dialog.tsx" />
</Folder>
<File name="package.json" />
</Files>