use-os

Usage

use-os returns user's os. Possible values are: undetermined, macos, ios, windows, android, linux, chromeos. If the OS cannot be identified, for example, during server side rendering undetermined will be returned.

import { useOs } from '@mantine/hooks';

function Demo() {
  const os = useOs();
  return <>Your os is <b>{os}</b></>;
}

Definition

type UseOSReturnValue =
  | 'undetermined'
  | 'macos'
  | 'ios'
  | 'windows'
  | 'android'
  | 'linux'
  | 'chromeos';

interface UseOsOptions {
  getValueInEffect: boolean;
}

function getOS(options?: UseOsOptions): UseOSReturnValue;

Exported types

UseOsOptions and UseOSReturnValue types are exported from @mantine/hooks package, you can import them in your application:

import type { UseOsOptions, UseOSReturnValue } from '@mantine/hooks';