Slider

    <Slider id="valueExample" value={20} onChange={() => {}}/>
  

    <Slider
      id="valueExample"
      label="ISO"
      hint="Sensitivity of the sensor"
      value={2}
      onChange={() => {}}
    />
  

    () => {
      const [value, setValue] = useState(8);
      
      return (
        <Stack gap="l">
          <div>{value}</div>

          <Slider
            label="Volume"
            id="stateExample"
            value={value}
            onChange={(e) => setValue(e.target.valueAsNumber)}
            min={0}
            max={100}
          />
        </Stack>
      )
    }