@hey-mirror/controls-knob

Example

import { Knob } from '@hey-mirror/controls-knob';

const Control = () => {
  const [value, setValue] = useState(30);

  return (
    <Knob
      value={value}
      onChange={setValue}
    >
      <Knob.Knob>
        <Knob.Indicator />
      </Knob.Knob>
      <Knob.Steps>
        <Knob.Steps.Step />
      </Knob.Steps>
    </Knob>
  );
};