Ayo
ce30b114a2
- this adds a new demo web app with vite HMR for development - all examples are covered with e2e tests
30 lines
496 B
JavaScript
30 lines
496 B
JavaScript
// @ts-check
|
|
import { WebComponent, html } from 'web-component-base'
|
|
|
|
class StyledElements extends WebComponent {
|
|
static shadowRootInit = {
|
|
mode: 'open',
|
|
}
|
|
|
|
static styles = `
|
|
div {
|
|
background-color: yellow;
|
|
border: 1px solid black;
|
|
padding: 1em;
|
|
|
|
p {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
`
|
|
|
|
get template() {
|
|
return html`
|
|
<div>
|
|
<p>Wow!?</p>
|
|
</div>
|
|
`
|
|
}
|
|
}
|
|
|
|
customElements.define('styled-elements', StyledElements)
|