Docs

Zoom Image

Zoom Image

Allow zoom-in images in your documentation

Click on the image to zoom in.

banner

it is an optional component which won't be loaded by default.

Usage

Add it to your mdx components.

A default sizes property will be defined if not specified

import { ImageZoom } from 'next-docs-ui/components/image-zoom'
import defaultComponents from 'next-docs-ui/mdx'
 
const components = {
  ...defaultComponents,
  img: (props: any) => <ImageZoom {...props} />
}

Last updated on

Type Table

Layout

On this page

Usage
Edit on Github