Skip to main content

Interface: NumberInputProps

Defined in: components/NumberInput/index.tsx:17

Properties​

activeColor?​

optional activeColor: string

Defined in: components/NumberInput/index.tsx:67

blurOnEnter?​

optional blurOnEnter: boolean

Defined in: components/NumberInput/index.tsx:54

children?​

optional children: ReactNode

Defined in: components/NumberInput/index.tsx:83

clampValueOnBlur?​

optional clampValueOnBlur: boolean

Defined in: components/NumberInput/index.tsx:56

digit?​

optional digit: number

Defined in: components/NumberInput/index.tsx:47

Digits for rounding numbers.

Example​

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

keepWithinRange?​

optional keepWithinRange: boolean

Defined in: components/NumberInput/index.tsx:55

keyboard?​

optional keyboard: null | InputEventOption

Defined in: components/NumberInput/index.tsx:65

keyboard control option

max?​

optional max: number

Defined in: components/NumberInput/index.tsx:27

Default​

Number.MAX_SAFE_INTEGER

min?​

optional min: number

Defined in: components/NumberInput/index.tsx:23

Default​

Number.MIN_SAFE_INTEGER

onBlur()?​

optional onBlur: (value, text, event) => void

Defined in: components/NumberInput/index.tsx:77

Parameters​

value​

number

text​

string

event​

FocusEvent<HTMLInputElement, Element>

Returns​

void

onChange()?​

optional onChange: (value, text) => void

Defined in: components/NumberInput/index.tsx:71

Parameters​

value​

number

text​

string

Returns​

void

onFocus()?​

optional onFocus: (value, text, event) => void

Defined in: components/NumberInput/index.tsx:72

Parameters​

value​

number

text​

string

event​

FocusEvent<HTMLInputElement, Element>

Returns​

void

readonly?​

optional readonly: boolean

Defined in: components/NumberInput/index.tsx:49

selectWithFocus?​

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

Defined in: components/NumberInput/index.tsx:53

step?​

optional step: number

Defined in: components/NumberInput/index.tsx:28

units?​

optional units: string | Units

Defined in: components/NumberInput/index.tsx:36

Example​

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

value​

value: string | number

Defined in: components/NumberInput/index.tsx:18

variant?​

optional variant: "filled" | "outline" | "flushed" | "unstyled"

Defined in: components/NumberInput/index.tsx:51

wheel?​

optional wheel: null | InputEventOption

Defined in: components/NumberInput/index.tsx:61

wheel control option

wrapperClassName?​

optional wrapperClassName: string

Defined in: components/NumberInput/index.tsx:69