element-vir/dist/readme-examples/my-with-on-resize.element.js

Heroic. Reactive. Declarative. Type safe. Web components without compromise.

import { defineElement } from 'element-vir';
import { html, onResize } from '../index.js';
export const MyWithOnResize = defineElement()({
    tagName: 'my-with-on-resize',
    render() {
        return html `
            <span
                ${onResize((entry) => {
            // this will track resizing of this span
            // the entry parameter contains target and contentRect properties
            console.info(entry);
        })}
            >
                Hello there!
            </span>
        `;
    },
});