SliderAuswahl eines Werts innerhalb eines Bereichs.

Slider (default)

import { useState } from 'react';import Slider from '@/components/Slider';
export function Example() {  const [value, setValue] = useState(40);
  return (    <Slider      aria-label="Value"      onChange={(event) => setValue(Number(event.target.value))}      value={value}    />  );}

Slider (buffered)

<Slider  aria-label="Value"  buffered={70}  onChange={(event) => setValue(Number(event.target.value))}  value={value}/>

Slider (fractional)

<Slider  aria-label="Value"  max={1}  min={0}  onChange={(event) => setValue(Number(event.target.value))}  step={0.01}  value={value}/>

Slider (step)

<Slider  aria-label="Value"  onChange={(event) => setValue(Number(event.target.value))}  step={10}  value={value}/>

Slider (disabled)

<Slider aria-label="Value" disabled value={40} />