Home
| Colors: |

Web Component Example: Just Some HTML

October 2023

This is a super basic Web Component. All it does is output some HTML.

JavaScript
JavaScript
customElements.define('wc-widget', 
    class Widget extends HTMLElement {
        constructor() {
            super()
            this.attachShadow({ mode: 'open' })
            this.content = document.createElement('div')
            this.content.innerHTML = 'This is a web component'
            this.shadowRoot.append(this.content)
        }
    }
)
end of line

References