aleabodo / react-fancy-image

This FancyImage React component creates an animation on image change and can be used as nice and material headline design with image.

Introduction

This module extends React Js

This FancyImage React component creates an animation on image change and can be used as nice and material headline design with image.

Installation

npm install --save react-fancy-image

Usage

Add following line at the beginning of your document:

import ReactFancyImage from 'react-fancy-image'

Use the ReactFancyImage component:

<ReactFancyImage img={require(imgUrl)} headlineA="" headlineB="" />
//The image is displayed 'absolute'.
//To embed it into your website it is recommended to use a parent div
//to be able to move and style the image. Like so:
<div style={{position: 'relative'}}>
  <ReactFancyImage img={require(imgUrl)} headlineA="" headlineB="" />
</div>

Contact

Github: https://github.com/aleabodo

Wesite: https://alexbell.de

Email: [email protected]