Skip to main content

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