Interface: KnobProps

Defined in: packages/react/src/components/Knob/index.tsx:12

Properties

bodyNoSelect?

optional bodyNoSelect: boolean

Defined in: packages/react/src/components/Knob/index.tsx:53

Whether to apply {use-select: none} when dragging

---

defaultValue?

optional defaultValue: number

Defined in: packages/react/src/components/Knob/index.tsx:23

value set when double-clicking

See

enableDoubleClickDefault

---

draw?

optional draw: DrawFunction

Defined in: packages/react/src/components/Knob/index.tsx:50

---

enableDoubleClickDefault?

optional enableDoubleClickDefault: boolean

Defined in: packages/react/src/components/Knob/index.tsx:56

---

height?

optional height: number | `${number}%`

Defined in: packages/react/src/components/Knob/index.tsx:38

---

max

max: number

Defined in: packages/react/src/components/Knob/index.tsx:16

---

min

min: number

Defined in: packages/react/src/components/Knob/index.tsx:15

---

onChange()?

optional onChange: (value) => void

Defined in: packages/react/src/components/Knob/index.tsx:58

Parameters

value

number

Returns

void

---

options?

optional options: object

Defined in: packages/react/src/components/Knob/index.tsx:41

drawing options

active?

optional active: string

bg?

optional bg: string

inactive?

optional inactive: string

lineWeight?

optional lineWeight: number

thumb?

optional thumb: string

thumbWeight?

optional thumbWeight: number

---

size?

optional size: number | `${number}%`

Defined in: packages/react/src/components/Knob/index.tsx:35

Priority over width or height

---

skew?

optional skew: number

Defined in: packages/react/src/components/Knob/index.tsx:32

---

startValue?

optional startValue: number

Defined in: packages/react/src/components/Knob/index.tsx:29

Value to be used as the starting point of the line when drawing.

Default

min

---

step?

optional step: number

Defined in: packages/react/src/components/Knob/index.tsx:31

---

style?

optional style: CSSObject

Defined in: packages/react/src/components/Knob/index.tsx:57

---

value

value: number

Defined in: packages/react/src/components/Knob/index.tsx:14

---

wheel?

optional wheel: InputEventOption

Defined in: packages/react/src/components/Knob/index.tsx:55

---

width?

optional width: number | `${number}%`

Defined in: packages/react/src/components/Knob/index.tsx:37