Device-detector-for-passes NPM

device-detector-for-passes

Usage

import "./App.css";
import {
  detectDevice,
  DetectDeviceComponent,
} from "device-detector-for-passes";

function App() {
  const device = detectDevice(navigator.userAgent);
  console.log({ device });

  return (
    <>
      <DetectDeviceComponent
        size={"200px"}
        isDesktop={"true"}
        link={"https://example.com"}
        lanugage={"german"}
      />
    </>
  );
}

export default App;

Features

Detect Device Component : A React component for rendering device-specific content based on the user's device and operating system.
Detect Device Function : detectDevice(userAgent: string): { browser: string; result: string } - Detects the user's device and operating system based on the provided userAgent.

Component Paramenter and description

Paramenter	Mandatory	Description
size	yes	(type: string): The size of the rendered content. Must be a valid size value (e.g., '100px', '50%', etc.).
language	no	(type: string): Specify the language for the rendered content. Supported languages are 'english' and 'german'.
isDesktop	no	(type: boolean): Specify whether the content is designed for desktop. If true, desktop-specific content will be rendered.
link	no	(type: string): The link to be associated with the rendered content.

Function detectDevice

Functions	Description	Parameters	Response
`detectDevice`	The detectDevice function is designed to analyze a given userAgent string, typically obtained from the `navigator.userAgent` property in a web browser. The purpose is to determine the `user's device` and `operating system` based on the information provided in the `userAgent`.	`userAgent: string`	`Android` `iOS` `Mac OS` `Windows` `Unknown Device/OS`