@brianmcallister/react-auto-scroll

@brianmcallister/react-auto-scroll

react-auto-scroll is a React component that automatically scrolls a containing element to the bottom.

Demo

Check out the hosted demo right here: https://react-auto-scroll.netlify.com/

Installation

npm install @brianmcallister/react-auto-scroll

API

AutoScroll

This is the default export. Use this React component to scroll a container to the bottom when the children change.

interface Props {
  // ID attribute of the checkbox.
  checkBoxId?: string;
  // Children to render in the scroll container.
  children: React.ReactNode;
  // Extra CSS class names.
  className?: string;
  // Height value of the scroll container.
  height?: number;
  // Text to use for the auto scroll option.
  optionText?: string;
  // Prevent all mouse interaction with the scroll conatiner.
  preventInteraction?: boolean;
  // Show the auto scroll option.
  showOption?: boolean;
}

Example

import AutoScroll from '@brianmcallister/react-auto-scroll';

const MyComponent = ({ someContent }) => (
  <AutoScroll>
    {someContent}
  </AutoScroll>
);