Event Props

Primitive to manage events in a reactive way.

Stage	Category	Version	Last Updated
3	Browser APIs	1.0.0-next.2 (next)	Aug 13, 2026

npm i @solid-primitives/event-props@next

A helpful primitive that creates the event props and a reactive store with the latest events

How to use it

createEventProps

Receive the event props and a props with the latest events:

const [events, eventProps] = createEventProps('mousedown', 'mousemove', 'mouseup');

const isMouseDown = createMemo(() => (events.mousedown?.ts ?? 0) > (events.mouseup?.ts ?? 1));

createEffect(
  () => isMouseDown() && events.mousemove,
  mousemove => {
    if (mousemove) {
      console.log(mousemove.clientX, mousemove.clientY);
    }
  },
);

<div {...eventProps}>Click and drag on me</div>

Changelog

See CHANGELOG.md