This React library allows you to enlarge part of an image with a CSS3 based magnifying glass effect. When user mouse over on the image, it will show original enlarged image in magnifying glass. 
react-tweet-parser source on Github       DEMO

Install react-magnify

npm install react-magnify --save

Import Magnify

import Magnify from 'react-magnify';

Properties

It supports all image properties. src property is mandatory property 
  1. src - source of the image

Usage

Use Magnify component like below
<Magnify style={{
          width:'200px'
        }} src="http://thecodeplayer.com/uploads/media/iphone.jpg"></Magnify

Full Example 

Find below for full example
import React from 'react';
import Magnify from 'react-magnify';
import '../../node_modules/react-magnify/lib/react-magnify.css'

export default class App extends React.Component {

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div style={{
        width:'500px',
        margin:'auto'
      }}>
        <h1>It Works with react-magnify</h1>
        <Magnify style={{
          width:'200px'
        }} src="http://thecodeplayer.com/uploads/media/iphone.jpg"></Magnify>
      </div>
    )
  }
}

16 comments:

  1. I have the same on my web site essayup.com where I taste different features.

    ReplyDelete
  2. I have read very important grab my essay review topics about the client resources. They are issued many updates on your work place for innovations. so we are given this article to reviews in online and thankful to have the great services.

    ReplyDelete
  3. This comment has been removed by the author.

    ReplyDelete
  4. The website is looking bit flashy and it catches the visitors eyes. Design is pretty simple and a good user friendly interface.
    webnovel

    ReplyDelete
  5. Buat yang tengah mencari mencari panduan serta taktik dalam memperolah kemenangan bermain judi online, berikut ini akan kami terangkan
    asikqq
    dewaqq
    sumoqq
    interqq
    pionpoker
    bandar ceme terpercaya
    hobiqq
    paito warna
    forum prediksi

    ReplyDelete
  6. Wow! Such an amazing and helpful post this is. I really really love it.
    I hope that you continue to do your work like this in the future also.thanks for sharing a lot
    pak private tutor

    ReplyDelete
  7. I must thank you for the efforts you have put in writing this blog. I am hoping to check out the same high-grade content by you in the future as well.
    I was very pleased to uncover this website. I want to to thank you for your time for this fantastic read!! I definitely savored every little bit of it and i also have you saved as a favorite to see new things in your site.

    No more waste time to searching #HDimages, #PCwallpaper, #smartphone_wallpaper, #socialmedia_banner, #socialmedia_image_post, #natureHDimages, and many more awesome pictures. Just visit All Awesome Pictures Only For Love Hearts and choose your best choice.
    All Awesome Pictures Only For Love Hearts
    All Awesome Pictures Only For Love Hearts
    All Awesome Pictures Only For Love Hearts

    ReplyDelete
  8. You're doing not got the chance to be constrained to stress or run from here to there. You'll have the option to check the outcomes basically just by going with a tick. These outcomes square measure offered at the official site which we bestow Fix SattaMatka Numbers Satta fix jodi.
    You can even have live updates. Have speediest SattaMatka Results essentially on your portable. You'll have the option to try and have refreshes for Madhur Matka, City Matka, RajdhaniMatka, Time Bazar, city Mail just while not exertion any very problems. This recognized stage is here to frame you have the sole aptitude.

    ReplyDelete

Blogroll

Follow this blog by Email

Popular Posts