@trbl/react-scroll-info

1.1.1 • Public • Published

NPM Bundle Size Supported by TRBL

React Scroll Info

A roll, as of parchment or papyrus, used especially in the writing of a document.

Quick Start

Installation

$ yarn add @trbl/react-scroll-info

Composition

  import React from 'react';
  import { ScrollInfoProvider, withScrollInfo, useScrollInfo } from '@trbl/react-scroll-info';

  const WithScrollInfo = withScrollInfo(() => <div>My Component</div>);
  const UseScrollInfo = () => <div>{useScrollInfo()}</div>;

  const App = () => {
    return (
      <ScrollInfoProvider>
        <WithScrollInfo />
        <UseScrollInfo />
      </ScrollInfoProvider>
    )
  }

  export default App;

Demo

To demo locally, clone the repo and

$ yarn
$ yarn dev
$ open http://localhost:3000

Documentation

All available props can be found via the references below:

Contribution

Help us, or let us help you help us.

License

MIT Copyright (c) TRBL, LLC

Package Sidebar

Install

npm i @trbl/react-scroll-info

Weekly Downloads

2

Version

1.1.1

License

MIT

Unpacked Size

26.8 kB

Total Files

5

Last publish

Collaborators

  • chrishomsey
  • jacobsfletch
  • trouble