AI Magic 3DDocsAperçu
Un aperçu de l'interface utilisateur de Fumadocs
##Architecture
Arborescence des pages
Les éléments de navigation comme la barre latérale prennent un Page Tree pour afficher les liens de navigation, c'est une arborescence qui décrit toutes les pages et dossiers disponibles.
Normalement, il est généré à partir de votre structure de fichiers en utilisant loader(), vous pouvez apprendre comment organiser les pages.
Personnalisation
Liapositions
Vous pouvez utiliser les options exposées de différentes mises en page :
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
Composants
L'interface utilisateur de Fumadocs propose également des composants stylisés pour des exemples interactifs afin d'améliorer vos documents. Vous pouvez les personnaliser avec des accessoires exposés tels que style et className.
Voir Composants.
Système de conception
Étant donné que le système de conception est construit sur Tailwind CSS, vous pouvez le personnaliser avec CSS Variables.
CLI
Si aucun d'entre eux ne vous convient, Fumadocs CLI est un outil pour installer les composants et les mises en page de l'interface utilisateur Fumadocs sur votre base de code, similaire à Shadcn UI. Vous permettant de personnaliser entièrement l'interface utilisateur de Fumadocs :
npx fumadocs add