Carte
Utilisez le composant Card dans votre documentation MDX
Utilisation
Ajoutez-le à vos composants MDX.
import { Card, Cards } from 'fumadocs-ui/components/card';
<MDX
components={{
Card,
Cards,
}}
/>;Voir Markdown pour les utilisations.
Cartes
Le conteneur de cartes.
Carte
Basé sur Next.js <Link />.
Tree Shaking on icons
Si vous n'utilisez pas Fumadocs MDX pour le rendu MDX (par exemple en utilisant Contentlayer), assurez-vous que le secouage des arbres fonctionne correctement.
La plupart des bibliothèques d'icônes prennent en charge l'importation d'icônes individuellement.
import HomeIcon from 'lucide-react/dist/esm/icons/home';Pour contourner ce problème, vous pouvez également transmettre des icônes aux composants MDX. (cela utilise le bundle Next.js au lieu de la source de contenu)
import { HomeIcon } from 'lucide-react';
const components = {
...defaultComponents,
HomeIcon,
};
AI Magic 3DDocs