From b5ef35cec3ae06c828966f666b85aef9223c47ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9e=20Kooi?= <renee@kooi.me>
Date: Thu, 6 Dec 2018 12:18:16 +0100
Subject: [PATCH] Add custom component example

---
 example/react.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/example/react.js b/example/react.js
index 53dc5b9..4e336db 100644
--- a/example/react.js
+++ b/example/react.js
@@ -16,6 +16,15 @@ var hx = hyperx(createElement, {
   createFragment: createFragment
 })
 
+// use custom components by doing `<${Component}>`
+function FancyTable (props) {
+  return hx`
+    <table class=fancy>
+      ${props.children}
+    </table>
+  `
+}
+
 var title = 'world'
 var wow = [1,2,3]
 var frag = hx`
@@ -30,6 +39,8 @@ var tree = hx`<div>
     return hx`<b key="${i}">${w}</b>\n`
   })}
 
-  <table>${frag}</table>
+  <${FancyTable}>
+    ${frag}
+  </${FancyTable}>
 </div>`
 console.log(toString(tree))