docs: test hide component

Author: Pyrax

README.md

@@ -1,20 +1,28 @@
 <center>
 
+<Hide>
+
 <h1 style="display:none;">react-netlify-forms</h1>
 
+</Hide>
+
 > React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React. Honeypot fields and reCAPTCHA are included as ready-to-use components.
 
 [![NPM](https://flat.badgen.net/npm/v/react-netlify-forms)](https://www.npmjs.com/package/react-netlify-forms)
 [![minzipped package size](https://flat.badgen.net/bundlephobia/minzip/react-netlify-forms)](https://www.npmjs.com/package/react-netlify-forms)
 [![JavaScript Style Guide](https://flat.badgen.net/badge/code%20style/standard/f2a)](https://standardjs.com)
 [![License](https://flat.badgen.net/github/license/Pyrax/react-netlify-forms)](https://github.com/Pyrax/react-netlify-forms/blob/master/LICENSE.md)
 
-<div style="display:none;" aria-hidden>
+<Hide>
+
+<div>
 
 [Go to documentation with live demo.](https://pyrax.github.io/react-netlify-forms)
 
 </div>
 
+</Hide>
+
 </center>
 
 ## Features

www/README.md

@@ -1,20 +1,28 @@
 <center>
 
+<Hide>
+
 <h1 style="display:none;">react-netlify-forms</h1>
 
+</Hide>
+
 > React components and hooks giving you the power of Netlify Forms. Start building serverless forms on Netlify with React. Honeypot fields and reCAPTCHA are included as ready-to-use components.
 
 [![NPM](https://flat.badgen.net/npm/v/react-netlify-forms)](https://www.npmjs.com/package/react-netlify-forms)
 [![minzipped package size](https://flat.badgen.net/bundlephobia/minzip/react-netlify-forms)](https://www.npmjs.com/package/react-netlify-forms)
 [![JavaScript Style Guide](https://flat.badgen.net/badge/code%20style/standard/f2a)](https://standardjs.com)
 [![License](https://flat.badgen.net/github/license/Pyrax/react-netlify-forms)](https://github.com/Pyrax/react-netlify-forms/blob/master/LICENSE.md)
 
-<div style="display:none;" aria-hidden>
+<Hide>
+
+<div>
 
 [Go to documentation with live demo.](https://pyrax.github.io/react-netlify-forms)
 
 </div>
 
+</Hide>
+
 </center>
 
 ## Features

www/src/gatsby-plugin-theme-ui/components.js

@@ -58,7 +58,10 @@ const components = {
   h4: heading('h4'),
   h5: heading('h5'),
   h6: heading('h6'),
-  Alert
+  Alert,
+  Hide: (props) => (
+    <div style={{ display: 'none' }} aria-hidden>{children}</div>
+  )
 }
 
 export default components