Rewild Your Web
web
browser
dweb
1// SPDX-License-Identifier: AGPL-3.0-or-later
2
3import { html, css, LitElement } from "./third_party/lit/lit-all.min.js";
4
5class LucideIcon extends LitElement {
6 constructor() {
7 super();
8 }
9
10 static get properties() {
11 return {
12 name: { type: String },
13 };
14 }
15
16 static get styles() {
17 return css`
18 :host(lucide-icon) div {
19 width: 1em;
20 margin-left: 0.125em;
21 margin-right: 0.125em;
22 display: flex;
23 align-items: center;
24 justify-content: center;
25 }
26 `;
27 }
28
29 render() {
30 return html`<div>
31 <link
32 rel="stylesheet"
33 href="//shared.localhost:8888/third_party/lucide/lucide.css"
34 />
35 <i class="icon-${this.name}"></i>
36 </div>`;
37 }
38}
39
40customElements.define("lucide-icon", LucideIcon);