v0.2.0

System

Interactivity

touch-action

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

Quick reference

No native equivalent: these classes are accepted and ignored

Class

Styles

React Native

touch-auto

touch-action: auto;

No native equivalent

touch-manipulation

touch-action: manipulation;

No native equivalent

touch-none

touch-action: none;

No native equivalent

touch-pan-down

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pan-left

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pan-right

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pan-up

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pan-x

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pan-y

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

touch-pinch-zoom

touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);

No native equivalent

The React Native column is what AstraWind resolves each class to, computed live on this page with the current color scheme. Classes with no native equivalent are accepted without effect, and AstraWind warns about them in development. See Compatibility.

← scroll-snap-type

user-select →