1.0.10 • Published 7 years ago
custom-element-register v1.0.10
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.
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 |