Slider

A precise pointer and keyboard control for values across a numeric range.

Numeric range

Volume

tsx

<Slider.Root defaultValue={40}>
  <Slider.Label>Volume</Slider.Label>
  <Slider.Value />
  <Slider.Control>
    <Slider.Track><Slider.Indicator /></Slider.Track>
    <Slider.Thumb aria-label="Volume" />
  </Slider.Control>
</Slider.Root>