WrPlatform

import { WrHaptics, WrPlatform } from 'ngwr/platform';

private readonly platform = inject(WrPlatform);

if (this.platform.isBrowser) {
  localStorage.setItem('theme', 'dark');
}

protected readonly dark = this.platform.prefersDark; // Signal<boolean>
protected readonly reduce = this.platform.prefersReducedMotion; // Signal<boolean>

isBrowser: false

prefersDark: false

prefersReducedMotion: false

Reflects your OS / browser preferences.

Name	Description	Type	Default
`isBrowser / isServer`	Synchronous platform check.	`boolean`	`—`
`userAgent`	`navigator.userAgent` or `null` on the server.	`string \| null`	`—`
`prefersDark`	Signal mirroring `(prefers-color-scheme: dark)`.	`Signal<boolean>`	`—`
`prefersReducedMotion`	Signal mirroring `(prefers-reduced-motion: reduce)`.	`Signal<boolean>`	`—`

private readonly haptics = inject(WrHaptics);

this.haptics.warning(); // before a destructive action
this.haptics.selection(); // on a switch or segmented change
this.haptics.supported; // false on the server and in iOS Safari

Impact light

Impact medium

Impact heavy

Selection

Success

Warning

Error

supported: false means the API exists, not that the device can vibrate.

Name	Description	Type	Default
`supported`	Whether the Vibration API exists. `false` on iOS Safari.	`boolean`	`—`
`vibrate(pattern)`	Vibrate for ms, or a `[buzz, pause, …]` pattern. `0` or `[]` cancels.	`(number \| readonly number[]) => boolean`	`—`
`impact(strength?)`	A tap: `light`, `medium` or `heavy`.	`('light'\|'medium'\|'heavy') => boolean`	`'medium'`
`selection()`	A subtle tick for a discrete change.	`() => boolean`	`—`
`success() / warning() / error()`	Pulses for a done, risky or failed action.	`() => boolean`	`—`
`stop()`	Cancel any in-progress vibration.	`() => void`	`—`

Installation

Usage

API

WrHaptics

See also