Resize observable

Zero dependence resize observable web component. Based on ResizeOberver.

Demo

Lit example: <resize-observalbe .levels = "${[600, 1200]}" @resize = "${onResizeFunction}}></resize-observalbe>

Install

npm i resize-observable

Properties/Attributes

| Name | Prop/Attr | Type | Default | Description | |-------------|--------------|:-------------------------|--------------------------|-------------------------| | levels | Prop | array | [480, 600, 768, 1024, 1200, 1600, 1900] | Levels of container size |

Events

resize

Params:

| Name | Type | Description | |-------------|--------------------|:---------------------| | width | number | Levels of container size | | sizes | string | classname of container. Has classes with levels such as before-768, aftrer-600 etc |