@joist/element v3.9.2
Element
Create a shadow root and apply styles and html as defined
Installation:
npm i @joist/element
Example:
import { tagName, shadow, css, html, attr, listen, element } from '@joist/element';
@element
export class MyElement extends HTMLElement {
// define a custom element
@tagName static tagName = 'my-element';
// apply styles to shadow dom
@shadow styles = css`
:host {
display: block;
color: red;
}
`;
// apply html to shadow dom
@shadow template = html`
<slot></slot>
`;
// define attributes
@attr accessor value = 0;
// listen for events
@listen('click') onClick() {
console.log('clicked!')
}
}
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
11 months ago
11 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago