ScrollBar

ScrollBar là một component giúp tạo scrollbar cho scrollable element.

Ví dụ

import { ScrollBar } from '@xobuilder/ui';

const Demo = () => {
  return (
    <ScrollBar scrollableSelector=".scrollable">
      <div className="scrollable" style={{ height: 400 }}>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias aut aspernatur cupiditate itaque, quia provident voluptatem quos
        exercitationem nihil, beatae vitae deserunt nesciunt, sequi vero ipsam qui libero! Impedit similique velit maxime quisquam libero aliquid
      </div>
    </ScrollBar>
  );
};

Props

Name	Type	Default	Description
className	string	-	Classname của component
style	CSSProperties	-	Style của component
scrollableSelector	string	-	Selector của scrollable element
thumbColor	string	-	Màu của scrollbar thumb
thumbHoverColor	string	-	Màu của scrollbar thumb khi hover
trackColor	string	-	Màu của scrollbar track
scrollBarBorderRadius	number	-	Border radius của scrollbar
scrollBarWidth	number	-	Độ rộng của scrollbar
platform	'mac' | 'win' | 'all'	-	Platform hỗ trợ
children	PreactNode	-	Children nên chứa scrollable