Interface: NumberInputProps

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

Properties

activeColor?

optional activeColor: string

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

---

blurOnEnter?

optional blurOnEnter: boolean

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

---

children?

optional children: ReactNode

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

---

clampValueOnBlur?

optional clampValueOnBlur: boolean

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

---

digit?

optional digit: number

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

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

---

keyboard?

optional keyboard: InputEventOption | null

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

keyboard control option If null, no event will be triggered

---

max?

optional max: number

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

Number.MAX_SAFE_INTEGER

---

min?

optional min: number

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

Number.MIN_SAFE_INTEGER

---

onBlur()?

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

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

Parameters

value

number

text

string

event

FocusEvent<HTMLInputElement, Element>

Returns

void

---

onChange()?

optional onChange: (value, text) => void

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

Parameters

value

number

text

string

Returns

void

---

onFocus()?

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

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

Parameters

value

number

text

string

event

FocusEvent<HTMLInputElement, Element>

Returns

void

---

readonly?

optional readonly: boolean

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

---

selectWithFocus?

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

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

---

step?

optional step: number

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

---

units?

optional units: string | Units

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

Example

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

---

value

value: string | number

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

---

variant?

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

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

---

wheel?

optional wheel: InputEventOption | null

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

wheel control option If null, no event will be triggered

---

wrapperClassName?

optional wrapperClassName: string

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