jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-07-03 05:02:15 +02:00
Code Packages Releases Activity

⚡ Improves simulateSlots

Browse Source
This commit is contained in:
Jan Andrle
2024-12-12 15:54:03 +01:00
parent 2105776d2a
commit c085f268e8
14 changed files with 918 additions and 1006 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
examples/components/webComponent.js
View File

@ -34,7 +34,9 @@ export class CustomHTMLTestElement extends HTMLElement{
text(test),
text(name),
text(preName),
el("button", { type: "button", textContent: "pre-name", onclick: ()=> preName("Ahoj") })
el("button", { type: "button", textContent: "pre-name", onclick: ()=> preName("Ahoj") }),
" | ",
el("slot", { className: "test", name: "test" }),
);
}
test= "A";

5
examples/index.js
View File

@ -15,7 +15,10 @@ document.body.append(
el("h1", "Experiments:"),
el(fullNameComponent),
el(todosComponent),
el(CustomHTMLTestElement.tagName, { name: "attr" }),
el(CustomHTMLTestElement.tagName, { name: "attr" }).append(
el("span", { textContent: "test", slot: "test" }),
el("span", { textContent: "test", slot: "test" }),
),
el(thirdParty),
el(CustomSlottingHTMLElement.tagName, { onclick: ()=> toggle(!toggle()) }).append(
el("strong", { slot: "name", textContent: "Honzo" }),