AI Magic 3DDocsImage zoomable
Autoriser les images zoomées dans votre documentation
Utilisation
Remplacez img par ImageZoom dans vos composants MDX.
import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
import defaultMdxComponents from 'fumadocs-ui/mdx';
return (
<MdxContent
components={{
...defaultMdxComponents,
img: (props) => <ImageZoom {...(props as any)} />,
// other Mdx components
}}
/>
);Le zoom de l'image sera désormais automatiquement activé sur toutes les images.
Optimisation d'image
Une propriété sizes par défaut sera définie pour le composant Next.js <Image /> si elle n'est pas spécifiée.