AI Magic 3DDocImmagine zoomabile
Consenti l'ingrandimento delle immagini nella documentazione
Utilizzo
Sostituisci img con ImageZoom nei componenti 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
}}
/>
);Ora lo zoom dell'immagine verrà automaticamente abilitato su tutte le immagini.
Ottimizzazione dell'immagine
Se non specificata, verrà definita una proprietà sizes predefinita per il componente Next.js <Image />.
