AegisJSProject / component

Base component using `@shgysk8zer0/aegis` & `@shgysk8zer0/aegis-styles`

Home Page:https://www.npmjs.com/package/@aegisjsproject/component

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

@aegisjsproject/component

Base component using @aegisjsproject/core & @aegisjsproject/styles.

CodeQL Node CI Lint Code Base

GitHub license GitHub last commit GitHub release GitHub Sponsors

npm node-current NPM Unpacked Size npm

GitHub followers GitHub forks GitHub stars Twitter Follow

Donate using Liberapay


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');

About

Base component using `@shgysk8zer0/aegis` & `@shgysk8zer0/aegis-styles`

https://www.npmjs.com/package/@aegisjsproject/component

License:MIT License


Languages

Language:JavaScript 94.7%Language:HTML 5.3%