mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-04-02 20:15:53 +02:00
Jan Andrle
4366027658
* ⚡ 🎉 * ⚡ wip * 🔤 * ⚡ wip * ⚡ wip * ⚡ Refatc signals to .get/.set syntax #26 * 🐛 Better types for on* * 🔤 * 🔤 * 🐛 coumputed signal * 🔤 ⚡ Docs UI/UX * ⚡ 🔤 UI enhancements * ⚡ (bs) (un)min * 🔤 adds debugging * 🔤 ssr * 🔤 * ⚡ bs/lint * 🔤 * 🔤 UI * 🔤 updates texts * 🔤UI * ⚡ dispatch * 🔤 events * 🔤 elements * 🔤 intro * 🐛 fixes completitions for el with components * 🐛 wrong file(s) in git * 🔤 logo * 🐛 🔤 types 3ps * 🔤 ui/ux * 🔤 * 🔤 * 🔤 scopes * 🔤 * 🔤 ui/ux * 🔤 * ⚡ issignal * 🔤 improvemens * ⚡ irelands * 🔤 UI/UX/wording * 🐛 npx-hint [Scrollable region must have keyboard access | Axe Rules | Deque University | Deque Systems](https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI) * 🔤 logos * ⚡ better? dts builds * Update README.md
31 lines
978 B
JavaScript
31 lines
978 B
JavaScript
import { style, el, S } from './exports.js';
|
|
style.css`
|
|
:root{
|
|
color-scheme: dark light;
|
|
}
|
|
`;
|
|
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" }).append(
|
|
el("span", { textContent: "test", slot: "test" }),
|
|
el("span", { textContent: "test", slot: "test" }),
|
|
),
|
|
el(thirdParty),
|
|
el(CustomSlottingHTMLElement.tagName, { onclick: ()=> toggle.set(!toggle.get()) }).append(
|
|
el("strong", { slot: "name", textContent: "Honzo" }),
|
|
S.el(toggle, is=> is
|
|
? el("span", "…default slot")
|
|
: el("span", "…custom slot")
|
|
)
|
|
)
|
|
);
|