Flow

Components

Slider

Die Slider-Komponente dient zur Auswahl von Zahlenwerten innerhalb einer vorgegebenen Range.GitHub

Beispiel

Dem Slider kann optional ein Min-, Max- und Default-Wert, sowie die Step-Größe mitgegeben werden. Der Default-Wert kann über das Property showInitialMarker auf dem Slider markiert werden. Außerdem werden diverse Formate und Einheiten unterstützt (s. Intel.NumberFormat )

import Label from "@mittwald/flow-react-components/Label";
import Slider from "@mittwald/flow-react-components/Slider";

<Slider
  formatOptions={{
    style: "unit",
    unit: "gigabyte",
  }}
  minValue={20}
  maxValue={2000}
  defaultValue={200}
  step={20}
  showInitialMarker
>
  <Label>Storage</Label>
</Slider>
Feedback geben