@casperengl/react-reveal-image

React Reveal Image

Usage no npm install needed!

<script type="module">
  import casperenglReactRevealImage from 'https://cdn.skypack.dev/@casperengl/react-reveal-image';
</script>

README

React Reveal Image

Travis npm package Coveralls

React Reveal Image will only ever reveal itself when it's in the viewport.

Demo

Link

Usage

import RevealImage from '@casperengl/react-reveal-image';

export default () => (
  <RevealImage
    src="https://via.placeholder.com/400" // Link to an image
    as="article" // Default: figure - change the container element
    delay={2} // Delay in seconds
    className="extra class names" // Will add any classes here to the image container
  />
)