deku-inline-zoom

Zoom on hover component for Deku

Install

$ npm install --save viskan-deku-inline-zoom

Usage

import InlineZoom from 'viskan-deku-inline-zoom';
 
export function render() {
    return (
        <InlineZoom src='https://placehold.it/600x300' zoom='https://placehold.it/1200x600'/>
    );
}

Attributes

alt

Type: string

Add alt attribute to the image.

class

Type: string

Add a class to the wrapping element.

itemprop

Type: string

Add itemprop attribute to the image.

src

Type: string

The image to show unzoomed.

zoom

Type: string

The image to used as zoom.