DEV Community

Cover image for RegularElements
artydev
artydev

Posted on

3 1

RegularElements

Quote from site: "Everything I love about Custom Elements made available for any node, and through CSS selectors.
No Custom Elements, no Shadow DOM, and no polyfills are needed.
"

You can test it here : RegElt

<button class="hi-five">
    Hi Five One
</button>
<button class="hi-five">
    Hi Five Two
</button>
Enter fullscreen mode Exit fullscreen mode
import {define} from 'regular-elements';

define('.hi-five', {
  connectedCallback() {
    this.innerHTML = ' 🖐 ' + this.innerHTML;
  }
});
Enter fullscreen mode Exit fullscreen mode

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay