Package Exports
- @aegisjsproject/component
- @aegisjsproject/component/attrs
- @aegisjsproject/component/attrs.cjs
- @aegisjsproject/component/attrs.js
- @aegisjsproject/component/attrs.mjs
- @aegisjsproject/component/base
- @aegisjsproject/component/base.cjs
- @aegisjsproject/component/base.js
- @aegisjsproject/component/base.mjs
- @aegisjsproject/component/checkbox
- @aegisjsproject/component/checkbox.cjs
- @aegisjsproject/component/checkbox.js
- @aegisjsproject/component/checkbox.mjs
- @aegisjsproject/component/component
- @aegisjsproject/component/component.cjs
- @aegisjsproject/component/component.js
- @aegisjsproject/component/component.mjs
- @aegisjsproject/component/consts
- @aegisjsproject/component/consts.cjs
- @aegisjsproject/component/consts.js
- @aegisjsproject/component/consts.mjs
- @aegisjsproject/component/errors
- @aegisjsproject/component/errors.cjs
- @aegisjsproject/component/errors.js
- @aegisjsproject/component/errors.mjs
- @aegisjsproject/component/input
- @aegisjsproject/component/input.cjs
- @aegisjsproject/component/input.js
- @aegisjsproject/component/input.mjs
- @aegisjsproject/component/trust
- @aegisjsproject/component/trust.cjs
- @aegisjsproject/component/trust.js
- @aegisjsproject/component/trust.mjs
- @aegisjsproject/component/view
- @aegisjsproject/component/view.cjs
- @aegisjsproject/component/view.js
- @aegisjsproject/component/view.mjs
Readme
@aegisjsproject/component
Base component using @aegisjsproject/core
& @aegisjsproject/styles.
Example Component
import { AegisComponent, TRIGGERS, SYMBOLS } from '@aegisjsproject/component';
import { html, css, appendTo, addStyles } from '@aegisjsproject/core';
const template = html`<h1>Hello, World!</h1>`;
const stlyes = css`
.foo {
color: red;
}
`
export class HTMLHelloWorldElement extends AegisComponent {
constructor() {
super({ template, styles });
}
}
HTMLHelloWorldElement.register('hello-world');