1.0.4 • Published 5 years ago

@matrix-scrollbar/preact v1.0.4

Weekly downloads
1
License
MIT
Repository
-
Last release
5 years ago

@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

keydefaultdescription
autoHideThumbtrueboolean
minThumbHeight30number
viewportIdoptionalstring, if the first element is not the viewport
totalHeightoptionalnumber: rare cases to help with the calculation
classoptionalstring: setting class to the most outer element

Styling

classactive (appended)
matrixScrollbar__thumbmatrixScrollbar__thumb-active
matrixScrollbar__railmatrixScrollbar__rail-active
1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago

0.0.18

5 years ago

0.0.17

5 years ago

0.0.16

5 years ago

0.0.15

5 years ago

0.0.14

5 years ago