Skip to content

KScrollbar

A scroll bar dom container with a unified style

Install

bash
pnpm add @ikun-ui/scrollbar
bash
yarn add @ikun-ui/scrollbar
bash
npm install @ikun-ui/scrollbar

Basic usage

Title 1
Title 2
Title 3
Title 4
Title 5
Title 6
Title 7
Title 8

Customizable style

scrollbar supports partial style settings for tumb, bar, and track

Title 1
Title 2
Title 3
Title 4
Title 5
Title 6
Title 7
Title 8

Scrollbar Props

NameTypeDefaultDescription
cssstringstringCss content which will be appended to the style attribute.
trackBackgroundstringtransparentScrollbar track background color.
trackRadiusstring20pxScrollbar track radius.
widthstring6pxScrollbar width.
heightstring6pxScrollbar height.
thumbBackgroundstringvar(--ikun-light-800)Thumb background color.
thumbRadiusstring20pxThumb background radius.
clsstring-Additional class for component
attrsany{}Additional attributes

Scrollbar Slots

NameDescription
defaultcontent of the container.

MIT Licensed