https://github.com/gennnji/svelte-actions-resize
ResizeObserver action for Svelte 3
https://github.com/gennnji/svelte-actions-resize
resizeobserver svelte svelte3
Last synced: about 2 months ago
JSON representation
ResizeObserver action for Svelte 3
- Host: GitHub
- URL: https://github.com/gennnji/svelte-actions-resize
- Owner: Gennnji
- License: apache-2.0
- Created: 2020-03-05T15:24:09.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-05T11:57:09.000Z (over 3 years ago)
- Last Synced: 2025-05-22T00:43:58.056Z (about 1 year ago)
- Topics: resizeobserver, svelte, svelte3
- Language: JavaScript
- Homepage:
- Size: 131 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# svelte-actions-resize
ResizeObserver action plugin for [Svelte 3](https://svelte.dev).
Based on ponyfill @juggle/resize-observer.
## Installation
Install with npm or yarn:
```bash
npm install svelte-actions-resize
```
OR
```bash
yarn add svelte-actions-resize
```
## Usage
[DEMO](https://svelte.dev/repl/1a489d85e1fd4609ad86fc51d3b81d69?version=3)
```html
section {
border: 10px solid lightgray;
}
section > div {
border: 2px solid red;
width: 8px;
height: 8px;
background-color: green;
}
import resize from 'svelte-actions-resize';
let elements = [{}];
function handleResize() {
alert('Resize done!');
}
elements = [...elements, {}]}>Resize
{#each elements as element}
{/each}
```
## Options
| Name | Type | Description |
| --- | --- | --- |
| `on:resize` | `Function` | Callback to handle resize |