overflow

scroll-snap-align

Applies scroll-snap-align, defaulting to "start", on the snap *items* — the children of the scroll container — while u.scrollSnapType() goes on the *container*; swapping the two silently disables snapping either way.

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

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.scrollSnapAlign()`	`css({ scrollSnapAlign: "start" })`
`u.scrollSnapAlign("center")`	`css({ scrollSnapAlign: "center" })`

Using a custom value

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

u.scrollSnapAlign()

Applying on a state

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

u.hover(u.scrollSnapAlign())

Responsive design

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

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

Signature

u.scrollSnapAlign(value?: ScrollSnapAlignValue)