How to use the lit-element/lit-element.js.LitElement function in lit-element
To help you get started, we’ve selected a few lit-element examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
elmsln / lrnwebcomponents / elements / lrndesign-chart / lib / lrndesign-chart-behaviors.js View on Github 
import { LitElement, html, css } from "lit-element/lit-element.js";
import { SimpleColors } from "@lrnwebcomponents/simple-colors/lib/simple-colors-polymer.js";
import { ChartistRender } from "@lrnwebcomponents/chartist-render/chartist-render.js";
import "@polymer/iron-ajax/iron-ajax.js";
/**
* `lrndesign-chart-behaviors`
* a line chart
*
* @customElement
* @demo demo/index.html
* @demo demo/pie.html pie charts
* @demo demo/bar.html bar charts
* @demo demo/line.html line charts
*
*/
class LrndesignChartBehaviors extends LitElement(SimpleColors) {
static get styles() {
return [
super.styles,
css`
:host {
display: block;
}
:host {
--chartist-pie-label-color: var(
--simple-colors-default-theme-grey-12
);
--chartist-color-1: var(--simple-colors-default-theme-red-4);
--chartist-color-2: var(--simple-colors-default-theme-blue-4);
--chartist-color-3: var(--simple-colors-default-theme-yellow-4);
--chartist-color-4: var(--simple-colors-default-theme-purple-4);
--chartist-color-5: var(--simple-colors-default-theme-green-4);lit-element
A simple base class for creating fast, lightweight web components
