Custom Element Register

This script dynamically loads a script tag (to be used to serve a custom element) and creates a custom element tag inside another HTML element for the custom element.

GitHub

Usage

import { RegisterCustomElement } from 'custom-element-register';

RegisterCustomElement(document.getElementBy('#myContainer'), 'my-app', '/my-app/element.js');

Register Script Only

import { RegisterScript } from 'custom-element-register';

RegisterScript('my-app', '/my-app/element.js');

Create Element Only

import { CreateElement } from 'custom-element-register';

CreateElement(document.getElementBy('#myContainer'), 'my-app');

Options

RegisterCustomElement(document.getElementBy('#myContainer'), 'my-app', '/my-app/element.js', options);
CreateElement(document.getElementBy('#myContainer'), 'my-app', options);

Property | Example Value | Description --- | --- | --- className | 'myCssClassName' | CSS class name attributes | [ { name: 'attrName', value: 'attrValue' } ] | Array of element attributes events | [ { name: 'eventName', callback: (e) => eventCallback() } ] | Array of element event listeners