Interactivity Events

interactivity.events controls when interaction modes are triggered.

Example

ts

interactivity: {
  events: {
    onHover: {
      enable: true,
      mode: ["grab", "bubble"],
    },
    onClick: {
      enable: true,
      mode: ["push", "repulse"],
    },
    resize: true,
  },
}

onHover: pointer hover behavior.
onClick: click/tap behavior.
resize: keeps behavior consistent after viewport changes.

Source reference