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.

Released under the Apache 2.0 License.