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
Class | Description |
---|---|
snap-none | Unsupported |
snap-x | Unsupported |
snap-y | Unsupported |
snap-both | Unsupported |
snap-mandatory | Unsupported |
snap-proximity | Unsupported |
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.