msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '54d2bd3522'
${ noResults }
svelte/documentation/docs/98-reference/21-svelte-reactivity-window.md

16 lines
551 B
Raw Normal View History Unescape

feat: add `svelte/reactivity/window` module (#14660) * feat: add `svelte/reactivity/window` module * lint * fix * hide private types * online binding * tweak docs * tweak * add @since tags --------- Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>
3 weeks ago
---
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>`](svelte-window) bindings or manually creating your own event listeners.
```svelte
<script>
import { innerWidth, innerHeight } from 'svelte/reactivity/window';
</script>
<p>{innerWidth.current}x{innerHeight.current}</p>
```
> MODULE: svelte/reactivity/window