Textfield

Example

Implementation

import { LitElement, css, html } from 'lit'; import { customElement, property } from 'lit/decorators.js'; @customElement('zakuni-textfield') export class ZakuniTextfield extends LitElement { static styles = css` input { padding: 0.5rem; border: 1px solid; border-radius: 0.25rem; } `; render() { return html` <input><slot /></input> `; } } declare global { interface HTMLElementTagNameMap { "zakuni-textfield": ZakuniTextfield; } }