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

build docu files buttons and forms for input-group feature

Browse source
This commit is contained in:
reinerBa 2022-02-21 23:24:53 +01:00
parent bb48582399
commit 40d8777adc
2 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
docs/forms.html
View file

@ -102,4 +102,12 @@
<em>&lt;!-- Color --&gt;</em>
&lt;<b>label</b> <i>for</i>=<u>"color"</u>&gt;Color
&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></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
&lt;/<b>label</b>&gt;</code></pre></footer></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;</b></b></code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>