Audio Knob
A rotary knob with an arc ring, detents, bipolar mode, vertical drag, focused wheel and keyboard control, plus a vertical LED level meter.
Preview
Mix · Night bus
Drag up and down, scroll when focused, double-click to reset.
KickCH 1
Gain
Pan
Filter
BassCH 2
Gain
Pan
Filter
KeysCH 3
Gain
Pan
Filter
VoxCH 4
Gain
Pan
Filter
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Visible label under the knob; also its accessible name. |
| value / defaultValue | number | min (centre when bipolar) | Controlled or starting value. |
| onValueChange | (value: number) => void | — | Called on every change. |
| min / max / step | number | 0 / 100 / 1 | Range and quantisation. |
| resetValue | number | defaultValue | Where a double-click returns. |
| detents | number[] | [] | Snap points while dragging, drawn as ticks. |
| bipolar | boolean | false | Fill the arc from the centre (pan, balance). |
| formatValue | (value: number) => string | — | Readout under the knob and aria-valuetext. |
| size | "sm" | "md" | "lg" | "md" | 44, 60 or 84 px. |
| disabled | boolean | false | Dims and ignores input. |
| LevelMeter | { level, peak?, segments?, label } | segments 14 | Companion vertical LED meter (role meter). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.