use-os

Usage

Hook detects user os. Possible values are: undetermined, macos, ios, windows, android, linux. If os cannot be identified as well as 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></>;
}

TypeScript

You can import OS union type from @mantine/hooks:

import type { OS } from '@mantine/hooks';
// OS type is 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux'

Definition

function getOS(): 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';