npm i @snack-uikit/scroll
| name | type | default value | description |
|---|---|---|---|
| className | string |
- | CSS-класс |
| size | enum Size: "s", "m"
|
m | Размер скролбаров |
| clickScrolling | boolean |
true | Скролить ли по клику в скроллбар. |
| autoscrollTo | enum AutoscrollTo: "bottom", "right"
|
- | Включает автоскрол при маунте и изменении размера контента: - bottom - автоскрол вниз, - right - автоскрол вправо, |
| barHideStrategy | enum BarHideStrategy: "never", "leave", "scroll", "move"
|
leave | Управление скрытием скролл баров: - Never - показывать всегда - Leave - скрывать когда курсор покидает компонент - Scroll - показывать только когда происходит скроллинг - Move - показывать при движении курсора над компонентом |
| onScroll | (event?: Event) => void |
- | Колбек события скрола. |
| resize | enum Resize: "none", "horizontal", "vertical", "both"
|
none | Настройка возможности регулировать Scroll-контейнер: - None - нельзя изменять размер - Horizontal - можно изменять размер только по горизонтали - Vertical - можно изменять размер только по вертикали - Both - можно изменять размер в обеих координатах |
| untouchableScrollbars | boolean |
- | Отключает возможность взаимодействовать со скролбарами мышью. |
| paddingAbsolute | boolean |
- | Должны ли паддинги быть абсолютными |
| ref | Ref<HTMLElement> |
- | Allows getting a ref to the component instance. Once the component unmounts, React will set ref.current to null (or call the ref with null if you passed a callback ref). @see https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom
|
| key | Key |
- |