UNPKG

@polight/lego

Version:

Tiny Web-Components lib for future-proof HTML mentors

github.com/Polight/lego

Polight/lego

19 lines (13 loc) • 718 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
--- title: Pass Attributes to Components weight: 7 --- Attributes declared on the components will be all be accessible through the `state`. If the property is initialized in the `this.state`, the attribute will be reactive: ```html <x-user status="thinking 🤔"><x-user></x-user></x-user> ``` `status` will therefore be reactive and the _thinking {{< emoji "🤔" >}}_ attribute value will overwrite the _Happy {{< emoji "😄" >}}_ default status. {{< emoji "⚠️" >}} A property that is not declared in the `state` won't be reactive. These properties can be accessed through `this.getAttribute()` from within the component. After all, these components are just native! {{< emoji "🏡" >}}