webcomp-ts/dist/example/todo-row.js

Base class for web components has basic boilerplate code to simplify custom element implementation

import { WebComp } from "../web-comp.js";
export class TodoRow extends WebComp {
    constructor() {
        super();
    }
    get html() {
        return `
<div class="row">
    <slot></slot>
</div>
`;
    }
    get css() {
        return `
.row {
    height: 1.8rem;
    padding: 0.2rem;
    margin: 0;
    background-color: lightyellow;
}
.row:hover {
    position: relative;
    top: -1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
}
`;
    }
}
//# sourceMappingURL=todo-row.js.map