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