1 files changed, 23 insertions, 0 deletions
diff --git a/stories/react/utils/Examples.js b/stories/react/utils/Examples.js
new file mode 100644
index 0000000..5948b68
--- /dev/null
+++ b/stories/react/utils/Examples.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import {renderToStaticMarkup} from 'react-dom/server';
+import SourceToggle from './SourceToggle.js';
+import beautifyHTML from './BeautifyHTML.js';
+import insertSVGIcons from './InsertSVGIcons.js';
+
+const Examples = ({examples}) => (
+  <div className={'examples'}>
+	  {Object.keys(examples).map(key => {
+		let title = key;
+		let {jsx, html, displayTitle = true, exclude, renderFromJsx = false} = examples[key];
+		if (!html) {
+			html = renderToStaticMarkup(jsx);
+			html = beautifyHTML({html, indentChar: '  '});
+		} else {
+			html = insertSVGIcons({html, jsx});
+		}
+		return <SourceToggle title={displayTitle && title} jsx={jsx} html={html} key={key} exclude={exclude} renderFromJsx={renderFromJsx}/>;
+	  })}
+  </div>
+);
+
+export default Examples;