devpunks / snuggsi

snuggsi ツ - Easy Custom Elements in ~1kB
https://snuggsi.com
MIT License
395 stars 17 forks source link

Declarative properties #206

Open snuggs opened 4 years ago

snuggs commented 4 years ago

Look up CE.attributesChangedCallback & CE.observedAttributes

Expected Behavior

<foo-bar baz=bat>
This is 👉 {baz}
</foo-bar>

<script>
Element `foo-bar`

(class extends HTMLElement {
  set baz () {
    // defaults to returning this.attributes.baz.nodeValue
    // defaults to being added to observedAttributes
  }
})
</script>
</foo-bar>

Current Behavior

Possible Solution

Steps to Reprod(uce)

1.

2.

3.

4.

Context

Your Environment