Hook Master 🚀

useIsMobile

Detects if the screen width is below a defined mobile breakpoint.

Usage

The useIsMobile hook determines if the screen width is below a defined mobile breakpoint. It listens for changes in the viewport size and returns a boolean indicating whether the current device is considered mobile.

import { useIsMobile } from 'hook-master-react';
 
function Demo() {
  const isMobile = useIsMobile();
 
  return (
    <div>
      <p>{isMobile ? 'You are on a mobile device.' : 'You are on a desktop device.'}</p>
    </div>
  );
}

Definition

function useIsMobile(): boolean;

Previous

useIsHovered

Next

useKeyBind

On this page