comark plugins
Esc

comark-zoom

Getting started

Install comark-zoom and register it.

Usage

Register the plugin and pass the renderer's components:

import { createHtmlRenderer } from "@comark/html";
import zoom, { components } from "comark-zoom/html";

const render = createHtmlRenderer({ plugins: [zoom()], components });
ts

zoom({ images: false }) leaves images alone, so only ::zoom blocks and images you mark with {data-zoom} zoom.

For Vue, React, or Svelte, import from comark-zoom/vue, comark-zoom/react, or comark-zoom/svelte. Renderers covers server rendering, pages without a renderer, and zoom with other plugins.