Komponenta Slider umožňuje uživateli vybírat hodnotu (nebo rozsah hodnot) z určeného intervalu pomocí posuvníku. Používá se zejména tam, kde je potřeba rychle a vizuálně nastavit číselnou hodnotu – například filtrování podle ceny, věku nebo procentuálního poměru.
WCAG 2.2Klávesnice
Label - Pro vypsání hodnoty. Obsahuje všechny vlastnosti Labelu.
Description - Volitelné
Slider - Zobrazuje vybraný úsek, nevybraný úsek, a Control
Použití
Kdy použít
je vhodné uživateli poskytnout přímou manipulaci s hodnotou,
není nutné přesné číselné zadání, ale spíš odhad v intervalu.
Kdy nepoužívat
je potřeba zadat konkrétní číselnou hodnotu (vhodnější je Input),
rozsah má nelineární škálu (např. logaritmickou), kterou slider nevyjádří jednoznačně.
Varianty
Základní varianta
Základní varianta (base) umožňuje vybírat hodnotu v rozmezí 0-100.
Live preview
Zvolit téma:
Steps
Rozpětí hodnot je rozdělené do předem definovaných kroků
Live preview
Zvolit téma:
Range
Slider zobrazí dvě tlačítka pro nastavení dvou hodnot
