@cryptic-css/prop-scroll

Adds support for custom prop scroll. It'll apply all necessary CSS to create scrollable boxes.

Usage

Live Editor
Result
user-select: none;
scrollbar-width: none;
scrollbar-height: none;
&::-webkit-scrollbar {
display: none;
}
max-width: 100vw;
overflow-x: auto;

Available values

  • x: Enable horizontal scrolling.
  • y: Enable vertical scrolling.
  • true: Enable scrolling in both directions.

Configuration

The plugin included in the ccss package pre-configured. Skip this step if you don't need custom configuration and/or CCSS instance.

import { createCCSS, createOptions } from '@cryptic-css/core'
import applyPropScroll from '@cryptic-css/prop-scroll'
const options = createOptions()
applyPropScroll(options)
const ccss = createCCSS(options)