VelinStyle Schieberegler 1.2.0
Nutze .velin-range für browserübergreifend gestaltete Range-Slider mit eigener Spur und eigenem Thumb. English: Range
Reifegrad: Als stabil in VelinStyle 1.2.0 dokumentiert. Design Intelligence (Plan / Review / Agent Meta) ist separat und dort beta / foundation, wo es so gekennzeichnet ist.
Wann verwenden
- Numerische Bereiche, bei denen ein Slider klarer ist als Tippen - gestalte sie mit VelinStyle-Range-Klassen und sichtbarem Wert/Label.
Wann nicht
- Verwende einen Range-Slider nicht allein, wenn ein exakt eingegebener Wert nötig ist - biete eine Eingabe oder lesbare Ausgabe an.
- Lasse keinen zugänglichen Namen für das Control weg.
Standard-Schieberegler
<label class="velin-label" for="vol">Volume</label>
<input type="range" class="velin-range" id="vol">Min, max und step
Schieberegler inputs accept standard min, max, and step attributes.
<input type="range" class="velin-range" min="0" max="100" step="5" value="50">Deaktiviert
<input type="range" class="velin-range" disabled>