react-now-you-see-me

1.4.5 • Public • Published

react-now-you-see-me

A React component for determining when an element is within a given threshold of the viewport, horizontally.

npm version CircleCI Known Vulnerabilities Coverage Status


Installation

npm i react-now-you-see-me

You'll also need React and ReactDOM peer dependencies: npm i react react-dom.

Usage

import React from 'react'
import InView from 'react-now-you-see-me'
 
const Foo = (props) => (
  <SomeCarouselComponent>
    {someSlides.map((_, i) =>
      <InView key={i} threshold={0} boundingLeft={100} boundingRight={100}>
        {(isInView) =>
          isInView
            ? <span>I am totally in view right now, awesome!</span>
            : <span>You can't see me :(</span>
        }
      </InView>
    )}
  </SomeCarouselComponent>
)

LICENSE

MIT

install

npm i react-now-you-see-me

Downloadsweekly downloads

0

version

1.4.5

license

MIT

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability