From bb48582399d6a0d38e1a4733f0765dad4b1eeded Mon Sep 17 00:00:00 2001
From: reinerBa <4329883+reinerBa@users.noreply.github.com>
Date: Mon, 21 Feb 2022 22:51:17 +0100
Subject: [PATCH] Update forms documentation for input-group

more examples here
---
 docs/src/forms.html | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/docs/src/forms.html b/docs/src/forms.html
index cddba049..0c17002a 100644
--- a/docs/src/forms.html
+++ b/docs/src/forms.html
@@ -254,6 +254,32 @@
   &lt;<b>input</b> <i>type</i>=<u>"color"</u> <i>id</i>=<u>"color"</u> <i>name</i>=<u>"color"</u> <i>value</i>=<u>"#0eaaaa"</u>>
 &lt;/<b>label</b>&gt;</code></pre>
 
+            </footer>
+          </article>
+          </article>
+          <p>You can combine inputs and buttons to an <code>input-group</code>.</p>
+          <article aria-label="input group example">
+            <div class="input-group">
+              <a role="button" class="contrast">
+              https://picocss.com/
+              </a>
+              <input type="text" value="docs/forms.html" />
+              <a role="button" class="contrast">
+              &#x1F512;
+              </a>
+            </div>
+            <footer class="code">
+
+<pre><code>&lt;<b>div</b>&gt; <i>class</i>=<u>"="input-group"</u>&gt;
+&lt;<b>a</b> <i>role</i>=<u>"="button"</u> <i>class</i>=<u>"="contrast"</u>&gt;
+https://picocss.com/
+&lt;<b>/a</b>&gt;
+&lt;<b>input <i>type</i>=<u>"="text"</u> <i>value</i>=<u>"="docs/forms.html"</u> /&gt;
+&lt;<b>a <i>role</i>=<u>"="button"</u> <i>class</i>=<u>"="contrast"</u>&gt;
+&#x1F512;
+&lt;<b>/a</b>&gt;
+&lt;<b>/div</b>&gt;</code></pre>
+
             </footer>
           </article>
         </section>