@ue-too/board-react-adapter / useCustomInputHandling

Function: useCustomInputHandling()

useCustomInputHandling(): object

Defined in: hooks/useBoardify.tsx:324

The custom input handling logic is before everything else. To use this hook, you would need to handle the event from the canvas and pass down the result to the processInputEvent function.

Returns

object

Object containing the processInputEvent function

processInputEvent()

processInputEvent: (input) => void

Parameters

input

OutputEvent

Returns

void

Example

const { processInputEvent } = useCustomInputHandling();

const handlePointerDown = (e: React.PointerEvent<HTMLCanvasElement>) => {
  // custom logic to determine the user input

  // if the user input is valid, pass it to the `processInputEvent` function
  // e.g. pass the pan event down the input handling system
  processInputEvent({
    type: "pan",
    delta: {
      x: 10,
      y: 10,
    },
  });
}