UnoCSS preset for hide scrollbars, although the element can still be scrolled if the element's content overflows. Part of the UnoCSS Community Presets.

• same as tailwind-scrollbar-hide

Live demo

Install the preset from npm:

# Using npm
npm install unocss-preset-scrollbar-hide

# Using Yarn
yarn add unocss-preset-scrollbar-hide

# Using pnpm
pnpm add unocss-preset-scrollbar-hide

Then add the plugin to your config file:

// unocss.config.ts
import { presetUno } from 'unocss'
import { presetScrollbarHide } from 'unocss-preset-scrollbar-hide'

export default defineConfig({
  // ...
  presets: [
    presetUno(),
    // ...
    presetScrollbarHide()
  ],
})

Use in you template scrollbar-hide for visual hiding scrollbar

<div class="w-4 scrollbar-hide">...</div>

MIT