0.0.0 • Published 5 years ago

@glade-software/glade-component v0.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
5 years ago

Version lit-element Node version MIT License

Downloads Total downloads Packagephobia Bundlephobia

Dependency Status

codebeat badge Codacy Badge Language grade: JavaScript Code of Conduct

Better element for the web

Table of contents

Pre-requisites

Installation

# Install via NPM
$ npm install glade-component

Usage

HTML (with native ES modules)

<!-- For the sake of brevity, the HTML below is just for reference -->
<!doctype html>
<html>
  <head>
    <!-- Native ES modules -->
    <script type="module" src="/path/to/my-element.js"></script>
  </head>

  <body>
    <!-- Element declaration -->
    <my-element></my-element>
  </body>
</html>

JS/ TS file (w/ native ES modules)

import { css, html, LitElement } from 'lit-element';
import 'glade-component.js';

class MainApp extends LitElement {
  public static styles = [
    css`
    :host {
      display: block;
    }

    * {
      box-sizing: border-box;
    }
    `,
  ];

  protected render() {
    return html`
    <my-element></my-element>
    `;
  }
}

Contributing

Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

License

MIT License © Matt Johnston