---
url: /docs/foundations/css-classes/touch-action.md
---
> Interactivity

# Touch Action

Utilities for controlling how an element can be scrolled and zoomed on touchscreens.

## Quick reference

| Class | Description |
|-------|-------------|
| `touch-auto` | `touch-action: auto` |
| `touch-none` | `touch-action: none` |
| `touch-pan-x` | `touch-action: pan-x` |
| `touch-pan-left` | `touch-action: pan-left` |
| `touch-pan-right` | `touch-action: pan-right` |
| `touch-pan-y` | `touch-action: pan-y` |
| `touch-pan-up` | `touch-action: pan-up` |
| `touch-pan-down` | `touch-action: pan-down` |
| `touch-pinch-zoom` | `touch-action: pinch-zoom` |
| `touch-manipulation` | `touch-action: manipulation` |

## Basic usage

### Setting the touch action

Use the `touch-{action}` utilities to control how an element can be scrolled (panned) and zoomed (pinched) on touchscreens.