svelte/packages/svelte/tests/runtime-runes/samples/custom-element-attributes/main.svelte

<script module>
    customElements.define('value-element', class extends HTMLElement {

        constructor() {
            super();
            this.attachShadow({ mode: 'open' });
        }

        set value(v) {
            if (this.__value !== v) {
                this.__value = v;
                this.shadowRoot.innerHTML = `<span>${v}</span>`;
            }
        }
    });
</script>

<my-element string="test" object={{ test: true }}></my-element>
<a is="my-link" string="test" object={{ test: true }}></a>

<value-element value="test"></value-element>
<value-element {...{value: "test"}}></value-element>