AI Magic 3DDocsKarte
Verwenden Sie die Card-Komponente in Ihrer MDX-Dokumentation
Verwendung
Fügen Sie es Ihren MDX-Komponenten hinzu.
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;Weitere Informationen zur Verwendung finden Sie unter Markdown.
Karten
Der Kartenbehälter.
Karte
Basierend auf Next.js <Link />.
Tree Shaking on icons
Wenn Sie Fumadocs MDX nicht zum Rendern von MDX verwenden (z. B. mit Contentlayer), stellen Sie dies sicher Das Baumrütteln funktioniert ordnungsgemäß.
Die meisten Symbolbibliotheken unterstützen den einzelnen Import von Symbolen.
import HomeIcon from 'lucide-react/dist/esm/icons/home';Um dieses Problem zu umgehen, können Sie Symbole auch an MDX Components übergeben. (Hierbei wird der Next.js-Bundler anstelle der Inhaltsquelle verwendet.)
import { HomeIcon } from 'lucide-react';
const components = {
...defaultComponents,
HomeIcon,
};