mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-05-05 07:07:11 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update forms documentation for input-group

Browse source 
more examples here
This commit is contained in:
reinerBa 2022-02-21 22:51:17 +01:00 • committed by GitHub
parent 17064af2e9
commit bb48582399
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

26
docs/src/forms.html
View file

@ -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>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> &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> </footer>
</article> </article>
</section> </section>