Zoomable Image
Allow zoom-in images in your documentation
ImagineClip 문서쿠키를 사용합니다
필수 쿠키는 앱이 정상적으로 동작하는 데 필요합니다. 선택적 분석, 지원, 마케팅 쿠키는 사이트와 서비스를 개선하는 데 도움이 됩니다. 쿠키 정책.
Allow zoom-in images in your documentation
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
}}
/>
);Now image zoom will be automatically enabled on all images.
A default sizes property will be defined for Next.js <Image /> component if not specified.