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

⚡ Adds Web Componens page into the doc and doc enhancements (#21)

Browse Source
This commit is contained in:
Jan Andrle
2024-11-22 10:20:59 +01:00
committed by GitHub
parent 9faa24b7b3
commit 0ea5234a4b
38 changed files with 2446 additions and 1159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
examples/index.js
View File

@ -1,18 +1,22 @@
import { style, el } from './exports.js';
import { style, el, S } from './exports.js';
document.head.append(style.element);
import { fullNameComponent } from './components/fullNameComponent.js';
import { todosComponent } from './components/todosComponent.js';
import { CustomHTMLTestElement, CustomSlottingHTMLElement } from "./components/webComponent.js";
import { thirdParty } from "./components/3rd-party.js";
const toggle= S(false);
document.body.append(
el("h1", "Experiments:"),
el(fullNameComponent),
el(todosComponent),
el(CustomHTMLTestElement.tagName, { name: "attr" }),
el(thirdParty),
el(CustomSlottingHTMLElement.tagName).append(
el(CustomSlottingHTMLElement.tagName, { onclick: ()=> toggle(!toggle()) }).append(
el("strong", { slot: "name", textContent: "Honzo" }),
el("span", "…default slot")
S.el(toggle, is=> is
? el("span", "…default slot")
: el("span", "…custom slot")
)
)
);