Description
The Knob is an accessible, flexible component that directly interfaces with Svelvet’s custom input and output stores. It can be controlled via keyboard input, arrow keys, scroll, and click and drag. Refer to the overview in this section for more detailed usage.Props
CustomWritable<number>
required
The input store associated with the parameter.
number
default:"0"
The minimum value allowed when interacting with the Knob.
number
default:"100"
The maximum value allowed when interacting with the Knob.
number
default:"60"
Minimum angle allowed when interacting with the Knob rotation.
number
default:"300"
Maximum angle allowed when interacting with the Knob rotation.
number
default:"1"
Value by which the stored value should increment.
string
default:"Value"
Displayed label for the slider.
number
default:"2"
Precision in decimal places.
CSS Color String
default:"theme dependent"
Text color.
CSS Color String
default:"theme dependent"
Knob background color.
CSS Color String
default:"theme dependent"
Color of the output value displayed at the center of the knob.
CSS Color String
default:"theme dependent"
Color for indicator symbol displaying the current rotational position of the knob.