@bryce-loskie/scrollbar
v0.2.0
Published
Scrollbar style util for the web
Downloads
22
Readme
scrollbar
Get Started
Install
pnpm i @bryce-loskie/scrollbar
Usage
<div p="4" w="50" overflow="auto">
<div w="200">default horizontal scrollbar</div>
</div>
<div p="4" w="50" overflow="auto" scrollbar="foo">
<div w="200">custom thumb color</div>
</div>
<script setup lang="ts">
import { defineScrollbar } from '@bryce-loskie/scrollbar'
defineScrollbar()
defineScrollbar({
name: 'foo', // use with `scrollbar="foo"` attribute
thumbColor: 'gray',
})
</script>
Todo
- [x] thumb hover color
- [x] dark mode
- [x] minify generated css code