1.0.4 • Published 5 years ago
@matrix-scrollbar/preact v1.0.4
@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
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 |