From f67632bb3cd2ea7bee7cc5e3ca342140455495ab Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Mi, 10 Apr 2024 12:00:13 +0200
Subject: [PATCH] Merge branch 'draft'
---
assets/html/name-field.js | 22 ++++++++++++++++++++++
1 files changed, 22 insertions(+), 0 deletions(-)
diff --git a/assets/html/name-field.js b/assets/html/name-field.js
new file mode 100644
index 0000000..281e055
--- /dev/null
+++ b/assets/html/name-field.js
@@ -0,0 +1,22 @@
+class NameFieldComponent extends HTMLElement {
+ constructor() {
+ super();
+
+ this.root = this.attachShadow({mode: "open"});
+
+ this.root.innerHTML = `
+ <style>
+ span {
+ background-color: coral;
+ color: white;
+ }
+ </style>
+ <span>
+ first name: <slot name="first"></slot> |
+ last name: <slot name="last"></slot>
+ </span>
+ `;
+ }
+}
+
+window.customElements.define("name-field", NameFieldComponent);
--
Gitblit v1.9.3