AnimatedInput

An advanced animating img based component that displays an image in the UI after the onLoad has triggered. Additionally shows a placeholder background-color by default.

Demo

View Image

API

Component takes all img related props given. In order for this to work successfully, we recommend wrapping this component with a div or related to help control the proportions.

Example:

import { Image } from 'react-horcrux';
import YourImage from './images/somepath.png';

export default YourLayout function() {
  return(
    <div>
      <div className="YourLayout-img-wrapper">
        <Image
          alt="voldemort"
          src={YourImage}
        />
      </div>
    </div>
  );
}