FileTree
폴더 구조를 설명할 때 사용합니다.
들여쓰기는 code 문자열 안에 공백으로 표현합니다. 폴더 구조를 짧게 보여줄 때 사용합니다.
Preview
content-source └─ posts └─ building-my-blog-with-nextjs-mdx.mdxMDX
<FileTree title="posts" size="sm" code="content-source/| posts/| building-my-blog-with-nextjs-mdx.mdx"/>More Examples
앱 라우트 구조
src/app/(site) └─ design ├─ page.tsx └─ mdx/[slug]/page.tsxMDX
<FileTree title="design routes" code="src/app/(site)/| design/| page.tsx| mdx/[slug]/page.tsx"/>