Interactions

Expo Web

Search…

Expo Web

Awesome Web!

Primitives

Styling

Interactions

Props
​cursor​
Sets the type of cursor, if any, to show when the mouse pointer is over an element.
Type: string
Conversion
// CSS
- cursor: help;
​
// React Native
+ cursor: "help",
​userSelect​
Controls whether the user can select text. This doesn't have any effect on content loaded as chrome, except in textboxes.
Type: string
Conversion
// CSS
- user-select: text;
​
// React Native
+ userSelect: "text",
​willChange​
Hints to browsers how an element is expected to change. Browsers may set up optimizations before an element is actually changed. These kinds of optimizations can increase the responsiveness of a page by doing potentially expensive work before they are actually required.
Type: string
Conversion
// CSS
- will-change: transform;
​
// React Native
+ willChange: "transform",
​touchAction​
Sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
Type: 'auto' | 'inherit' | 'manipulation' | 'none' | 'pan-down' | 'pan-left' | 'pan-right' | 'pan-up' | 'pan-x' | 'pan-y' | 'pinch-zoom'
Conversion
// CSS
- touch-action: pan-down;
​
// React Native
+ touchAction: "pan-down",