AI Magic 3DDocCarta
Utilizza il componente Scheda nella documentazione MDX
Utilizzo
Aggiungilo ai tuoi componenti MDX.
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;Vedi Markdown per gli utilizzi.
Carte
Il contenitore delle carte.
Scheda
Basato su Next.js <Link />.
Tree Shaking on icons
Se non stai utilizzando Fumadocs MDX per il rendering MDX (ad esempio utilizzando Contentlayer), assicurati che lo scuotimento dell'albero funziona correttamente.
La maggior parte delle librerie di icone supporta l'importazione delle icone individualmente.
import HomeIcon from 'lucide-react/dist/esm/icons/home';Per ovviare al problema, puoi passare le icone anche ai componenti MDX. (utilizza il bundler Next.js anziché l'origine del contenuto)
import { HomeIcon } from 'lucide-react';
const components = {
...defaultComponents,
HomeIcon,
};