Slider

Slider

Slider ermöglichen die Auswahl eines Wertes oder eines Werte-Bereichs aus einer vorgegebenen Skala. Die Skala kann Stufen beinhalten oder eine stufenlose Auswahl erlauben. Werte der Auswahl und der Skala können numerisch oder textlich über ein Label kommuniziert werden.

Die Größe der Slider ist abhängig von der jeweils verwendeten Basisschriftgröße gestaltet, die sich der jeweiligen Viewportbreite anpassen kann. Dementsprechend ist die Größe der Slider flexibel. Slider stehen in Schwarz und Weiß zur Verfügung.

HTML
<div class="aui-slider aui-js-slider" data-min="0" data-max="100">
  <input type="hidden" class="aui-slider__hidden-field" value="50.00">
</div>
Audi UI Kit Sketch
Version 1.4 (Releases: https://github.com/audi/audi-templates/releases)
ZIP
76.3 MB

Anwendungsbeispiele

Don’ts

Slider nicht auf Rot platzieren.