개요
Fumadocs UI 개요
아키텍처
페이지 트리
사이드바와 같은 탐색 요소는 탐색 링크를 렌더링하기 위해 페이지 트리를 사용하며, 사용 가능한 모든 페이지와 폴더를 설명하는 트리입니다.
일반적으로 loader()를 사용하여 파일 구조에서 생성됩니다. 페이지 구성 방법.
사용자 정의
레이아웃
다양한 레이아웃의 노출된 옵션을 사용할 수 있습니다.
Docs Layout
Layout for docs
Docs Page
Layout for docs content
Notebook Layout
A more compact version of Docs Layout
Home Layout
Layout for other pages
구성 요소
Fumadocs UI는 또한 대화형 예제를 위한 스타일 구성 요소를 제공하여 문서를 향상시키며, style 및 className와 같은 노출된 소품을 사용하여 사용자 정의할 수 있습니다.
구성요소.
디자인 시스템
디자인 시스템은 Tailwind CSS를 기반으로 구축되었으므로 CSS Variables를 사용하여 맞춤설정할 수 있습니다.
CLI
그 중 어느 것도 적합하지 않은 경우 Fumadocs CLI는 Shadcn UI와 유사하게 Fumadocs UI 구성 요소 및 레이아웃을 코드베이스에 설치하는 도구입니다. Fumadocs UI를 완전히 사용자 정의할 수 있습니다:
npx fumadocs add
AI 매직 3DDocs