deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-17 21:26:42 +02:00
Code Issues Projects Releases Wiki Activity

Add examples in documentation forms.md

Browse source
This commit is contained in:
bbe 2020-08-11 11:32:11 +02:00
parent f5c102ea11
commit b4be7ae2d2
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
docs/content/docs/components/forms.md
View file

@ -163,6 +163,15 @@ description: PaperCSS Forms
</div>
</label>
</fieldset>
<fieldset class="form-group">
<label for="input-range">Note /10 :</label>
<input type="range" name="note" id="input-range" min="0" max="10">
</fieldset>
<fieldset class="form-group">
<label for="percentage">Percentage (<code>.input-block</code>) :</label>
<input class="input-block" type="range" name="percentage" id="percentage" min="0" max="100" oninput="output.value = this.value + '%';">
<output id="output" for="percentage">50%</output>
</fieldset>
#### Code:
@ -322,4 +331,14 @@ description: PaperCSS Forms
</div>
</label>
</fieldset>
<fieldset class="form-group">
<label for="input-range">Note /10 :</label>
<input type="range" name="note" id="input-range" min="0" max="10">
</fieldset>
<fieldset class="form-group">
<label for="percentage">Percentage (<code>.input-block</code>) :</label>
<input class="input-block" type="range" name="percentage" id="percentage"
min="0" max="100" oninput="output.value = this.value + '%';">
<output id="output" for="percentage">50%</output>
</fieldset>
```