Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @skatejs/renderer-lit-html with all npm packages installed. Try it out:

require("lit-html/package.json"); // lit-html is a peer dependency. var rendererLitHtml = require("@skatejs/renderer-lit-html")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@skatejs/renderer-lit-html v0.2.2

A SkateJS renderer for Lit HTML.

skatejs/renderer-lit-html

SkateJS renderer for Lit HTML.

Please note renderer-lit-html uses Lit HTML's extended renderer by default. This provides slightly different than default, and enhanced, functionality as described here.

Install

npm install skatejs lit-html @skatejs/renderer-lit-html

Usage

This assumes knowledge of SkateJS.

import { html } from 'lit-html';
import { withComponent } from 'skatejs';
import withLitHtml from '@skatejs/renderer-lit-html';

class MyComponent extends withComponent(withLitHtml()) {
  render() {
    return html`Hello, <slot />!`;
  }
}
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free