Button
Implementation
import { LitElement, css, html } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('zakuni-button')
export class ZakuniButton extends LitElement {
static styles = css`
button {
background: rgb(var(--accent));
border: none;
border-radius: 4px;
color: white;
cursor: pointer;
font-size: 1rem;
font-weight: 700;
padding: 0.5em 1em;
}
button:hover {
background: rgb(var(--accent-dark));
}
button:active {
background: rgb(var(--accent-light));
}
`;
render() {
return html`
<button>Button</button>
`;
}
}