properties
changelog

Pointer Events

Control user interaction event handling.

Usage:

  • @live events-*;

Reference

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

	properties: {
		live: {
			events: {
				property: "pointer-events: <v><i>;",
				values: {
					// general
					auto: "auto",
					none: "none",

					// svg only
					all: "all",
					painted: "painted",
					fill: "fill",
					stroke: "stroke",
					box: "bounding-box",
					visible: {
						DEFAULT: "visible",
						painted: "visiblePainted",
						fill: "visibleFill",
						stroke: "visibleStroke",
					},
				},
			},
		},
	},
};

export default shilpConfig;