Skip to main content

Interface: NumberInputProps

Defined in: packages/react/src/components/NumberInput/index.tsx:9

Properties

blurWithEnter?

optional blurWithEnter: boolean

Defined in: packages/react/src/components/NumberInput/index.tsx:47


className?

optional className: string

Defined in: packages/react/src/components/NumberInput/index.tsx:48


defaultValue?

optional defaultValue: number

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


digit?

optional digit: number

Defined in: packages/react/src/components/NumberInput/index.tsx:45

Digits for rounding numbers.

Example

with:
units={[['Hz', 1], ['kHz', 1000]]}
digit={3}
results:
value=100 -> 100Hz, value=1600 -> 1.60Hz

disabled?

optional disabled: boolean

Defined in: packages/react/src/components/NumberInput/index.tsx:18


max?

optional max: number

Defined in: packages/react/src/components/NumberInput/index.tsx:13


min?

optional min: number

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


onBlur()?

optional onBlur: (value, event) => void

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

Parameters

value

number

event

FocusEvent<HTMLInputElement>

Returns

void


onChange()?

optional onChange: (value, event) => void

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

Parameters

value

number

event

ChangeEvent<HTMLInputElement>

Returns

void


onFocus()?

optional onFocus: (value, event) => void

Defined in: packages/react/src/components/NumberInput/index.tsx:51

Parameters

value

number

event

FocusEvent<HTMLInputElement>

Returns

void


placeholder?

optional placeholder: string

Defined in: packages/react/src/components/NumberInput/index.tsx:19


readOnly?

optional readOnly: boolean

Defined in: packages/react/src/components/NumberInput/index.tsx:20


selectWithFocus?

optional selectWithFocus: "number" | "all" | "none"

Defined in: packages/react/src/components/NumberInput/index.tsx:46


step?

optional step: number

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


style?

optional style: CSSObject

Defined in: packages/react/src/components/NumberInput/index.tsx:49


tabIndex?

optional tabIndex: number

Defined in: packages/react/src/components/NumberInput/index.tsx:21


typeNumber?

optional typeNumber: boolean

Defined in: packages/react/src/components/NumberInput/index.tsx:34

NOTE: If units is specified, it is forced to false


units?

optional units: string | Units

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

Example

units='Hz'
units={[['Hz', 1], ['kHz', 1000]]}
units={[['ms', 1], ['s', 1000]]}

value

value: string | number

Defined in: packages/react/src/components/NumberInput/index.tsx:10