Interface: NumberInputProps

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

Properties

activeColor?

optional activeColor: string

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

---

blurOnEnter?

optional blurOnEnter: boolean

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

---

children?

optional children: ReactNode

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

---

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:66

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:78

Parameters

value

number

text

string

event

FocusEvent<HTMLInputElement, Element>

Returns

void

---

onChange()?

optional onChange: (value, text) => void

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

Parameters

value

number

text

string

Returns

void

---

onFocus()?

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

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

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:62

wheel control option

---

wrapperClassName?

optional wrapperClassName: string

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