--- NOTE: do not edit this file, it is generated in apps/svelte.dev/scripts/sync-docs/index.ts title: svelte/reactivity/window --- This module exports reactive versions of various `window` values, each of which has a reactive `current` property that you can reference in reactive contexts (templates, [deriveds]($derived) and [effects]($effect)) without using [``](svelte-window) bindings or manually creating your own event listeners. ```svelte

{innerWidth.current}x{innerHeight.current}

``` ```js // @noErrors import { devicePixelRatio, innerHeight, innerWidth, online, outerHeight, outerWidth, screenLeft, screenTop, scrollX, scrollY } from 'svelte/reactivity/window'; ``` ## devicePixelRatio

`devicePixelRatio.current` is a reactive view of `window.devicePixelRatio`. On the server it is `undefined`. Note that behaviour differs between browsers — on Chrome it will respond to the current zoom level, on Firefox and Safari it won't.

```dts const devicePixelRatio: { get current(): number | undefined; }; ```

## innerHeight

`innerHeight.current` is a reactive view of `window.innerHeight`. On the server it is `undefined`.

```dts const innerHeight: ReactiveValue; ```

## innerWidth

`innerWidth.current` is a reactive view of `window.innerWidth`. On the server it is `undefined`.

```dts const innerWidth: ReactiveValue; ```

## online

`online.current` is a reactive view of `navigator.onLine`. On the server it is `undefined`.

```dts const online: ReactiveValue; ```

## outerHeight

`outerHeight.current` is a reactive view of `window.outerHeight`. On the server it is `undefined`.

```dts const outerHeight: ReactiveValue; ```

## outerWidth

`outerWidth.current` is a reactive view of `window.outerWidth`. On the server it is `undefined`.

```dts const outerWidth: ReactiveValue; ```

## screenLeft

`screenLeft.current` is a reactive view of `window.screenLeft`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.

```dts const screenLeft: ReactiveValue; ```

## screenTop

`screenTop.current` is a reactive view of `window.screenTop`. It is updated inside a `requestAnimationFrame` callback. On the server it is `undefined`.

```dts const screenTop: ReactiveValue; ```

## scrollX

`scrollX.current` is a reactive view of `window.scrollX`. On the server it is `undefined`.

```dts const scrollX: ReactiveValue; ```

## scrollY

`scrollY.current` is a reactive view of `window.scrollY`. On the server it is `undefined`.

```dts const scrollY: ReactiveValue; ```

Reactive Window Values