User Interface / Komponenten / Slider

Informationen zu Core Components

Für ein einheitliches Erscheinungsbild im Web haben wir das Audi CI um neue React-Komponenten ergänzt. Alle bisherigen React-Komponenten sind in der Audi React Bibliothek zu finden. Diese befinden sich momentan im MVP-Status und werden stetig weiterentwickelt.

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 – Integration in die Sketch library

Um sicherzustellen, dass Designer die aktuellsten Komponenten in ihren Produkten verwenden, wurde das Audi UI Kit als Sketch library erstellt. Integrieren Sie dieses UI-Kit, um die neueste Audi Sketch library zu erhalten. Das UI Kit wird regelmäßig aktualisiert und die User informiert, sobald eine neue Versionen der Bibliothek verfügbar ist.

Sketch library integrieren