sdxc

Type to search, or start from one of these:

All guidesAll packages

overflow

overflow

Applies overflow, defaulting to "hidden".

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

Quick reference

Every documented call, beside the CSS it emits.

CallCSS
u.overflow()css({ overflow: "hidden" })
u.overflow({ x: "auto" })css({ overflowX: "auto" })
u.overflow({ inline: "auto" })css({ overflowInline: "auto" })

Using a custom value

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

u.overflow()

Applying on a state

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

u.hover(u.overflow())

Responsive design

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

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

Signature

u.overflow(value?: | OverflowValue
		| {
				x?: OverflowValue;
				y?: OverflowValue;
				inline?: OverflowValue;
				block?: OverflowValue;
		  })