overflow

overflow-x

Turns the element into a scroll container that reveals a scrollbar only where content actually overflows the given axis, defaulting to "both".

import { scroll } from "@sdxc/u/overflow";

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.scroll()`	`css({ overflowX: "auto", overflowY: "auto" })`
`u.scroll("y")`	`css({ overflowY: "auto" })`

Every scale argument also takes a raw CSS value, which passes through untouched.

u.scroll()

Wrap the call in a state utility to scope it to one selector.

u.hover(u.scroll())

Wrap the call in a container query to scope it to one width.

u.at("md", u.scroll())

u.scroll(axis?: ScrollAxis)