---
url: /docs/foundations/css-classes/scroll-snap-type.md
---
> Interactivity

# Scroll Snap Type

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

::: danger Unsupported
This functionality is not yet supported! If you need this, reach out to us on [#warp-design-system](https://sch-chat.slack.com/archives/C04P0GYTHPV).
:::

## 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](./scroll-snap-align) on the children within the element.