AI 매직 3DDocs확대/축소 가능한 이미지
문서에서 이미지 확대 허용
사용법
MDX 구성 요소에서 img를 ImageZoom로 바꾸세요.
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
}}
/>
);이제 모든 이미지에서 이미지 확대/축소가 자동으로 활성화됩니다.
이미지 최적화
지정되지 않은 경우 Next.js <Image /> 구성 요소에 대해 기본 sizes 속성이 정의됩니다.