Slider

Eine 4px-Spur, ein Ink-Bereich und ein Ink-Griff; eine Wertblase beim Ziehen; Marken und Bereiche.

import { Slider } from "@logicplanes/kaeso-ui";

Props

aria-label
string
Der zugängliche Name, wenn es keine sichtbare Beschriftung gibt.
defaultValue
number | number[]
Der Wert, oder zwei Werte für einen Bereich, beim ersten Rendern.
disabled
boolean
Schaltet es aus: Es lässt sich nicht verwenden und wirkt abgeblendet.
formatValue
((value: number) => string)
Formatiert den Wert in der Blase beim Ziehen. Standardmäßig die Zahl in der Sprache des LocaleProvider.
getAriaLabel
((index: number) => string)
Gibt den zugänglichen Namen jedes Reglers eines Bereichs zurück.
max
number = 100
Der größte erlaubte Wert.
min
number = 0
Der kleinste erlaubte Wert.
name
string
Der Feldname, unter dem der Wert mit einem Formular gesendet wird.
onValueChange
((value: number | number[]) => void)
Wird mit dem Wert aufgerufen, während er gezogen wird.
onValueCommitted
((value: number | number[]) => void)
Wird mit dem Wert aufgerufen, wenn das Ziehen endet.
step
number = 1
Die Schritte, in denen sich der Wert bewegt.
ticks
boolean | number[]
Marken unter der Spur bei jedem Schritt (oder bei diesen Werten).
value
number | number[]
Der Wert, oder zwei Werte für einen Bereich, bei gesteuertem Wert.