properties
changelog

Touch Interactions

Control touch interaction behavior.

Usage:

  • @live touch-*;

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		live: {
			touch: {
				property: "touch-action: <v><i>;",
				values: {
					normal: "manipulation", // pan-x pan-y pinch-zoom
					auto: "auto",
					none: "none",
					pinch: "pinch-zoom",
					pan: {
						DEFAULT: "pan-x pan-y",
						x: "pan-x",
						y: "pan-y",
					},
				},
			},
		},
	},
};

export default shilpConfig;