diff --git a/test/components/fullNameComponent.js b/examples/components/fullNameComponent.js
similarity index 72%
rename from test/components/fullNameComponent.js
rename to examples/components/fullNameComponent.js
index d9143d5..dfbf687 100644
--- a/test/components/fullNameComponent.js
+++ b/examples/components/fullNameComponent.js
@@ -1,4 +1,4 @@
-import { style, el, on, S } from '../exports.js';
+import { style, el, on, S, namespace } from '../exports.js';
 const className= style.host(fullNameComponent).css`
 	:host form{
 		display: flex;
@@ -23,6 +23,12 @@ export function fullNameComponent(){
 			el("strong", "Full name"),
 			": ",
 			el("#text", full_name)
+		),
+		namespace("svg").append(
+			el("svg", { viewBox: "0 0 240 80", style: { height: "80px", display: "block" } }).append(
+				//el("style", {  })
+				el("text", { x: 20, y: 35, textContent: "Text" })
+			)
 		)
 	);
 }
diff --git a/test/components/todosComponent.js b/examples/components/todosComponent.js
similarity index 100%
rename from test/components/todosComponent.js
rename to examples/components/todosComponent.js
diff --git a/test/components/webComponent.js b/examples/components/webComponent.js
similarity index 100%
rename from test/components/webComponent.js
rename to examples/components/webComponent.js
diff --git a/test/exports.js b/examples/exports.js
similarity index 100%
rename from test/exports.js
rename to examples/exports.js
diff --git a/test/index-nosignals.html b/examples/index-nosignals.html
similarity index 100%
rename from test/index-nosignals.html
rename to examples/index-nosignals.html
diff --git a/test/index.html b/examples/index.html
similarity index 100%
rename from test/index.html
rename to examples/index.html
diff --git a/test/index.js b/examples/index.js
similarity index 100%
rename from test/index.js
rename to examples/index.js