jaandrle/deka-dom-el
1
0
Fork 0
mirror of https://github.com/jaandrle/deka-dom-el synced 2025-11-03 22:59:16 +01:00
Code Packages Releases Activity

🔤 ce wip

Browse Source
This commit is contained in:
Jan Andrle
2024-06-07 14:38:38 +02:00
parent a5efbd236c
commit 55860b99eb
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/p06-customElement.html
View File

File diff suppressed because one or more lines are too long

2
docs_src/components/examples/customElement/dde.js
View File

@@ -23,7 +23,7 @@ function ddeComponent({ attr }){
); );
return el().append( return el().append(
el("p", `Hello from Custom Element with attribute '${attr}'`) el("p", `Hello from Custom Element with attribute '${attr}'`)
) );
} }
customElementWithDDE(HTMLCustomElement); customElementWithDDE(HTMLCustomElement);
customElements.define(HTMLCustomElement.tagName, HTMLCustomElement); customElements.define(HTMLCustomElement.tagName, HTMLCustomElement);

5
docs_src/p06-customElement.html.js
View File

@@ -76,7 +76,10 @@ export function page({ pkg, info }){
`), `),
el(example, { src: fileURL("./components/examples/customElement/dde.js"), page_id }), el(example, { src: fileURL("./components/examples/customElement/dde.js"), page_id }),
el("p").append(...T` el("p").append(...T`
… …as you can see, you can use components created based on the documentation previously introduced. To unlock
full potential, use with combination ${el("code", "customElementWithDDE")} (allows to use livecycle events)
and ${el("code", "observedAttributes")} (converts attributes to render function arguments —
${el("em", "default")}) or ${el("code", "S.observedAttributes")} (converts attributes to signals).
`), `),