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

docs(dropdowns): typo

Browse source
This commit is contained in:
Lucas Larroche 2022-01-23 17:40:56 +07:00
parent e01fac7d4e
commit f909542b1e
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/dropdowns.html
View file

@ -42,7 +42,7 @@
<em>…</em>
&lt;/<b>ul</b>&gt;
&lt;/<b>details</b>&gt;
</code></pre></footer></article><p>Dropdowns can be used as custom selects with <code>&lt;<b>input</b> <i>type</i>=<u>"radio"</u>&gt;</code> or <code>&lt;<b>input <i>type</i>=<u>"checkbox"</u></b>&gt;</code></p><article aria-label="Dropdown style"><details role="list"><summary aria-haspopup="listbox">Select single element</summary><ul role="listbox"><li><label for="small"><input type="radio" id="small" name="size" value="small"/> Small</label></li><li><label for="medium"><input type="radio" id="medium" name="size" value="medium"/> Medium</label></li><li><label for="large"><input type="radio" id="large" name="size" value="large"/> Large</label></li></ul></details><details role="list"><summary aria-haspopup="listbox">Select multiple elements</summary><ul role="listbox"><li><label><input type="checkbox"/> Banana</label></li><li><label><input type="checkbox"/> Watermelon</label></li><li><label><input type="checkbox"/> Apple</label></li></ul></details><footer class="code"><pre><code><em>&lt;!-- With radio buttons --&gt;</em>
</code></pre></footer></article><p>Dropdowns can be used as custom selects with <code>&lt;<b>input</b> <i>type</i>=<u>"radio"</u>&gt;</code> or <code>&lt;<b>input</b> <i>type</i>=<u>"checkbox"</u>&gt;</code></p><article aria-label="Dropdown style"><details role="list"><summary aria-haspopup="listbox">Select single element</summary><ul role="listbox"><li><label for="small"><input type="radio" id="small" name="size" value="small"/> Small</label></li><li><label for="medium"><input type="radio" id="medium" name="size" value="medium"/> Medium</label></li><li><label for="large"><input type="radio" id="large" name="size" value="large"/> Large</label></li></ul></details><details role="list"><summary aria-haspopup="listbox">Select multiple elements</summary><ul role="listbox"><li><label><input type="checkbox"/> Banana</label></li><li><label><input type="checkbox"/> Watermelon</label></li><li><label><input type="checkbox"/> Apple</label></li></ul></details><footer class="code"><pre><code><em>&lt;!-- With radio buttons --&gt;</em>
&lt;<b>details</b> <i>role</i>=<u>"list"</u>&gt;
&lt;<b>summary</b> <i>aria-haspopup</i>=<u>"listbox"</u>&gt;Dropdown&lt;/<b>summary</b>&gt;
&lt;<b>ul</b> <i>role</i>=<u>"listbox"</u>&gt;

2
docs/src/dropdowns.html
View file

@ -116,7 +116,7 @@
</footer>
</article>
<p>Dropdowns can be used as custom selects with <code>&lt;<b>input</b> <i>type</i>=<u>"radio"</u>&gt;</code> or <code>&lt;<b>input <i>type</i>=<u>"checkbox"</u></b>&gt;</code></p>
<p>Dropdowns can be used as custom selects with <code>&lt;<b>input</b> <i>type</i>=<u>"radio"</u>&gt;</code> or <code>&lt;<b>input</b> <i>type</i>=<u>"checkbox"</u>&gt;</code></p>
<article aria-label="Dropdown style">
<details role="list">
<summary aria-haspopup="listbox">Select single element</summary>