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

• thumb hover color
• dark mode
• minify generated css code

License

MIT License © 2022 guygubaby