Last active
September 5, 2017 10:06
-
-
Save freshcutdevelopment/e427ad9f33346c5856f5f5bdf4590f50 to your computer and use it in GitHub Desktop.
Web component custom elements
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class XInfoCard extends HTMLElement{ | |
// Monitor the 'message' attribute for changes. | |
static get observedAttributes() {return ['message']; } | |
// Respond to attribute changes. | |
attributeChangedCallback(attr, oldValue, newValue) { | |
if (attr == 'message') { | |
this.textContent = newValue; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment