Docs
useIsMobile

Determine if the current device is a mobile device with the useIsMobile hook.

Installation

pnpm dlx shadcn@latest add https://usekit.kiron.dev/k/use-is-mobile

Usage

"use client"
 
import { useIsMobile } from "@/hooks/use-is-mobile"
 
export function Component() {
  const isMobile = useIsMobile()
 
  return (
    <p>
      {isMobile ? "You are on a mobile device" : "You are on a desktop device"}
    </p>
  )
}

API Reference

Return Values

NameTypeDescription
isMobilebooleanA boolean value indicating if the device is a mobile device.