@bryce-loskie/scrollbar

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

License

MIT License © 2022 guygubaby