AI Magic 3DDocPanoramica
Una panoramica dell'interfaccia utente di Fumadocs
Architettura
Albero delle pagine
Gli elementi di navigazione come la barra laterale richiedono un Page Tree per visualizzare i collegamenti di navigazione, è un albero che descrive tutte le pagine e le cartelle disponibili.
Normalmente, viene generato dalla struttura del file utilizzando loader(), puoi imparare come organizzare le pagine.
Personalizzazione
Llayout
Puoi utilizzare le opzioni esposte di diversi layout:
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
Componenti
L'interfaccia utente di Fumadocs offre anche componenti con stile per esempi interattivi per migliorare i tuoi documenti, puoi personalizzarli con oggetti di scena esposti come style e className.
Vedi Componenti.
Sistema di progettazione
Poiché il sistema di progettazione è basato su Tailwind CSS, puoi personalizzarlo con CSS Variables.
CLI
Se nessuno di questi è adatto a te, Fumadocs CLI è uno strumento per installare componenti e layout dell'interfaccia utente di Fumadocs sulla tua codebase, simile all'interfaccia utente di Shadcn. Ti consente di personalizzare completamente l'interfaccia utente di Fumadocs:
npx fumadocs add