Range
Wartość na skali, gdzie dokładna liczba ma mniejsze znaczenie niż wyczucie, na przykład rozmiar tekstu albo poziom powiększenia. Przekaż tablicę, aby mieć dwa uchwyty.
- Range
PodglądLink do sekcji Podgląd
Na żywo we wszystkich trzech motywach. Wszystko tutaj jest interaktywne.
Dzień, podgląd: Range
Scales the whole interface.
Noc, podgląd: Range
Scales the whole interface.
Wysoki kontrast, podgląd: Range
Scales the whole interface.
UżycieLink do sekcji Użycie
import { Range } from '@skribly/ui/forms'<Range label="Text size" minValue={80} maxValue={160} step={10} defaultValue={100}
formatOptions={{ style: 'unit', unit: 'percent' }} />Każda etykieta jest propem, więc aplikacja przekazuje własne słowa we własnym języku. Zobacz zasadę brak wbudowanego tekstu.
DostępnośćLink do sekcji Dostępność
- Klawisze strzałek zmieniają o krok, Page Up i Page Down skaczą, Home i End docierają do końców.
- Wartość jest wypisana nad torem i ogłaszana z jednostką.
- Uchwyt 20 px ma pole trafienia 24 px; zakresy z dwoma uchwytami potrzebują thumbLabels.
Ten przykład przechodzi przez axe we wszystkich trzech motywach przy każdym uruchomieniu testów. Zobacz, co sprawdzają testy.