FilmStripContinuousControl

VU Meter

Code Snippet

<FilmStripContinuousControl value={-2} min={-7} max={3} label="VU Meter" step={1} unit="VU" defaultValue={-2}
  frameWidth={120} frameHeight={80} frameCount={48}
  imageHref="/images/demo/vu3.png" interactionDirection="horizontal" valueAsLabel="interactive"
  onChange={(e) => setValue(e.value)}
/>

Properties

Value (-2)

Min

Max

Step

Default Value

Bipolar

Frame Width

Frame Height

Frame Count

Image URL

Orientation

Frame Rotation (degrees)

Label

Interaction Mode

Interaction Direction

Interaction Sensitivity

Value as Label

Unit

Invert Value

Examples

VU Meter

Tone

ABS Knob