Skip to content

Interactivity

Scroll Snap Type

Utilities for controlling how strictly snap points are enforced in a snap container.

Unsupported

This functionality is not yet supported! If you need this, reach out to us on #nmp-warp-design-system.

Quick reference

ClassDescription
snap-noneUnsupported
snap-xUnsupported
snap-yUnsupported
snap-bothUnsupported
snap-mandatoryUnsupported
snap-proximityUnsupported

Basic usage

Horizontal scroll snapping

Use the snap-x utility to enable horizontal scroll snapping within an element.

For scroll snapping to work, you need to also set the scroll snap alignment on the children within the element.