@matrix-scrollbar/preact 🔭👩‍🚀

Installation

This module is distributed via npm which is bundled with node and should be installed as one of your project's dependencies:

npm install --save @matrix-scrollbar/preact

This package also depends on Preact. Please make sure you have it installed as well.

Example

Try it out in the browser

import { MatrixScrollbar } from "@MatrixScrollbar/preact";

function List() {
  return (
    <MatrixScrollbar>
      <ul>
        <li>1</li>
        <li>...</li>
        ...
      </ul>
    </MatrixScrollbar>
  );
}

---

Props/Settings

key	default	description
autoHideThumb	true	boolean
minThumbHeight	30	number
viewportId	optional	string, if the first element is not the viewport
totalHeight	optional	number: rare cases to help with the calculation
class	optional	string: setting class to the most outer element

Styling

class	active (appended)
matrixScrollbar__thumb	matrixScrollbar__thumb-active
matrixScrollbar__rail	matrixScrollbar__rail-active