An ORCID Web Component Example

This is a demo of an "ORCID component". If the component is installed and working it should take the "textContent" in the div and render it as a link to https://orcid.org.

0000-0003-0900-6903

HTML Usage:

<orcid-component>0000-0003-0900-6903</orcid-component>

JavaScript Module orcid component

NOTE: The MDN documentation suggests you can use a "standard" element with an "is" attribute to be backward compatible for legacy browser. This specific custom element didn't work with using a "div" and an "is" attribute on macOS (Catalina)'s versions of Safari, Chrome and Edge while using the custom element name did work fine. I am not sure if this is a result of my implementation or a "feature" of the web component support in the browser. The MDN site indicates it should work across current versions of all browsers.