ImageKnob

Volume

Code Snippet

<ImageKnob value={50} min={0} max={100} label="Volume" unit="%" defaultValue={50}
  frameWidth={100} frameHeight={100}
  imageHref="/images/demo/knob-volume.png" interactionDirection="circular" valueAsLabel="interactive"
  onChange={(e) => setValue(e.value)}
/>

Properties

Examples

Volume
Tone
Direction