JSPM

@aegisjsproject/component

0.1.8
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 249
  • Score
    100M100P100Q78431F
  • License MIT

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

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.

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