changed the loading function by a custom html element

2023-10-31 19:05:24 +01:00
parent 2d1a84eff6
commit ebb7279644
9 changed files with 463 additions and 97 deletions
--- a/test_template_slots/test_3.html
+++ b/test_template_slots/test_3.html
@@ -0,0 +1,38 @@
+<p>hello from the other side</p>
+<p><slot class="border_red"></slot></p>
+<p>the end</p>
+<slot name="slot2" class="border_blue"></slot>
+<div class="border_red">
+	<load-html-2 data-path="./test_2.html"></load-html>
+</div>
+<!--
+-->
+<style>
+	/*
+	:host {
+		background-color: lightgreen;
+	}
+	::slotted(span) { 
+		background-color: lightblue;
+	}
+	load_html::part(title) { 
+		background-color: lightblue;
+	}
+	*/
+	h1 { 
+		font-size: 2em;
+		font-family: monospace;
+		color: blue;
+	}
+	p { 
+		border-left: 3px solid blue;
+		padding-left: 1em;
+		background-color: lightblue;
+	}
+	.border_red {
+		border: 1px solid red;
+	}
+	.border_blue {
+		border: 1px solid blue;
+	}
+</style>