Skip to main content

useInputDevice()

Detects the type of input device (mouse, touch, or keyboard) used by the user. Ideal for adapting UI behavior based on input method in React applications.

Import​

import { useInputDevice } from "reactuals";

Demo​

Loading...

Usage​

import { useInputDevice } from "reactuals";

function InputDeviceInfo() {
  const deviceType = useInputDevice();

  return (
    <div className="p-4">
      <p className="mt-4">Current Input Device: {deviceType}</p>
    </div>
  );
}