Skip to content

Commit 03b7f52

Browse files
VarunramXhmikosR
authored andcommitted
Document .form-control-range. (#25839)
1 parent 4d5c592 commit 03b7f52

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

docs/4.0/components/forms.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,6 +105,19 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`.
105105
</select>
106106
{% endexample %}
107107

108+
## Range Inputs
109+
110+
Set horizontally scrollable range inputs using `.form-control-range`.
111+
112+
{% example html %}
113+
<form>
114+
<div class="form-group">
115+
<label for="formControlRange">Example Range input</label>
116+
<input type="range" class="form-control-range" id="formControlRange">
117+
</div>
118+
</form>
119+
{% endexample %}
120+
108121
### Readonly
109122

110123
Add the `readonly` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor.

0 commit comments

Comments
 (0)