Skip to content

Instantly share code, notes, and snippets.

View gist:c3909d35a13150ea71c097780bbc00fe
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="module">
import { html, render } from 'https://unpkg.com/lit-html';
/** UNCOMMENT THE FOLLOWING AND COMMENT OUT THE IMPORT TO NOT USE LIT-HTML
const html = function(strings, ...values) {
let str = '';
View gist:0056a79751a9a63073b23e18682e7f74
import { LitElement, html } from 'lit-element';
class SimpleGreeting extends LitElement {
constructor() {
super();
this.model = {
currentThing: 'optionA',
things: [ 'optionA', 'optionB' ]
};
}
View gist:6b2d9ef5411b4612bff43f3a0c559618
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="module">
import {Theme} from "@spectrum-web-components/theme/lib/index";
import {OverlayTrigger} from "@spectrum-web-components/overlay/lib/index";
import {Popover} from "@spectrum-web-components/popover/lib/index";
import {Button} from "@spectrum-web-components/button/lib/index";