1. lit-element
A simple base class for creating fast, lightweight web components
lit-element
Package: lit-element
Created by: lit
Last modified: Mon, 15 Apr 2024 23:16:00 GMT
Version: 4.0.5
License: BSD-3-Clause
Downloads: 7,087,486
Repository: https://github.com/lit/lit

Install

npm install lit-element
yarn add lit-element

LitElement 3.0

A simple base class for creating fast, lightweight web components.

Build Status
Published on npm
Join our Discord
Mentioned in Awesome Lit

LitElement is the base class that powers the Lit library for building fast web components. Most users should import LitElement from the lit package rather than installing and importing from the lit-element package directly.

About this release

This is a pre-release of Lit 3.0, the next major version of Lit.

Lit 3.0 has very few breaking changes from Lit 2.0:

  • Drops support for IE11
  • Published as ES2021
  • Removes a couple of deprecated Lit 1.x APIs

Lit 3.0 should require no changes to upgrade from Lit 2.0 for the vast majority of users. Once the full release is published, most apps and libraries will be able to extend their npm version ranges to include both 2.x and 3.x, like "^2.7.0 || ^3.0.0".

Lit 2.x and 3.0 are interoperable: templates, base classes, directives, decorators, etc., from one version of Lit will work with those from another.

Please file any issues you find on our issue tracker.

Documentation

Full documentation is available at lit.dev.

Contributing

Please see CONTRIBUTING.md.

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin