useDevicePixelRatio

Hook that returns the device's pixel ratio

utilities

low

test coverage

Last changed: 20 days ago

TIP

This hook uses window.devicePixelRatio browser api to provide enhanced functionality. Make sure to check for compatibility with different browsers when using this api

Installation

Library

CLI

Manual

import { useDevicePixelRatio } from '@siberiacancode/reactuse';

Usage

const { supported, value } = useDevicePixelRatio();

Demo

source

Api

Parameters

Name	Type	Default	Note
callback?	(value: number) => void	-	The callback to execute when the device pixel ratio changes

Returns

UseDevicePixelRatioReturn

Type declaration

export type UseDevicePixelRatioCallback = (value: number) => void;

export interface UseDevicePixelRatioReturn {
  /** Whether the device pixel ratio is supported*/
  supported: boolean;
  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */
  value: number;
}

Source

Source • Demo

Contributors

D

debabin

A

Artem Dereviago