# lighterhtml-plus

**Repository Path**: mirrors_WebReflection/lighterhtml-plus

## Basic Information

- **Project Name**: lighterhtml-plus
- **Description**: It's lighterhtml with `onconnected`, `ondisconnected`, and `onattributechanged` events
- **Primary Language**: Unknown
- **License**: ISC
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2025-12-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# lighterhtml-plus

[![Build Status](https://travis-ci.com/WebReflection/lighterhtml-plus.svg?branch=master)](https://travis-ci.com/WebReflection/lighterhtml-plus) ![WebReflection status](https://offline.report/status/webreflection.svg) [![License: ISC](https://img.shields.io/badge/License-ISC-yellow.svg)](https://opensource.org/licenses/ISC)

This is exactly [lighterhtml](https://github.com/WebReflection/lighterhtml#readme), plus:

  * `onconnected` callback, as in [hyperHTML](https://github.com/WebReflection/hyperHTML#hyperhtml), to have Custom Elements like callbacks
  * `ondisconnected` callback, as in [hyperHTML](https://github.com/WebReflection/hyperHTML#hyperhtml), to have counter events when nodes get disconnected
  * `onattributechanged` callback, as in [wickedElements](https://github.com/WebReflection/wicked-elements#wickedelements), to have attributes change notifications, Custom Elements like

[Live test](https://webreflection.github.io/lighterhtml-plus/test/)

**[V4 Breaking Changes](https://github.com/WebReflection/lighterhtml#v4-breaking-changes)**

```js
import {render, html} from 'lighterhtml-plus';

render(document.body, html`
  <div
    onconnected=${event => console.log('connected')}
    ondisconnected=${event => console.log('disconnected')}
    onattributechanged=${({
      attributeName,
      oldValue,
      newValue
    }) => console.log('changed')}
  >
    lighterhtml-plus 🎉
  </div>
`);
```