{"meta":"

Guide #

\n

When to use #

\n

Number input and auto correct data.

\n

Attentions #

\n
    \n
  1. \n

    auto Correct may change the input value and make it different from the value which is from onChange.

    \n
    2. \n
  2. \n

    Some interval value may not trigger the onChange, For example:

    \n\n
    3. \n
  3. \n

    if input action does not trigger onChange, it will correct data and trigger onChange when it gets blur

    \n
    4. \n
\n","api":"

API #

\n

NumberPicker #

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
ParamDescriptionTypeDefault ValueRequiredSupported Version
sizeSize'large' | 'medium' | 'small''medium'-
typeDisplay type'normal' | 'inline''normal'-
valueCurrent valuenumber | string--
defaultValueDefault valuenumber | string--
disabledDisabled or notboolean--
stepNumber changes per clicknumber | string1-
precisionPrecision for decimals numbernumber0-
editableEditable or notbooleantrue-
autoFocusAuto get focused or notboolean--
onChangeCallback when value changes

signature:
params:
value: value
e: e		(
value: number | string | undefined,
e: (
| React.ChangeEvent<HTMLInputElement>
| React.CompositionEvent<HTMLInputElement>
| React.KeyboardEvent<HTMLInputElement>
| React.FocusEvent<HTMLInputElement>
| React.KeyboardEvent<HTMLInputElement>
) & {
triggerType: 'up' | 'down' | undefined;
}
) => void		func.noop-
onKeyDownCallback when key press

signature:
params:
e: e		InputProps['onKeyDown']func.noop-
onFocusCallback when get focus

signature:
params:
e: e		InputProps['onFocus']--
onBlurCallback when lose focus

signature:
params:
e: e		InputProps['onBlur']func.noop-
onCorrectCallback when data are corrected

signature:
params:
obj: obj		(obj: { currentValue: number | string; oldValue: number | string }) => voidfunc.noop-
maxMaximum valuenumber | string--
minMinimum valuenumber | string--
formatFormat value for display

signature:
params:
value: value		(value: string | number) => string | number--
hasTriggerDisplay btn triggerbooleantrue-
alwaysShowTriggerAlways show btn trigger without hoverbooleanfalse-
labelInline left labelReact.ReactNode--
innerAfterInline right additional contentReact.ReactNode--
upBtnPropsIncrease button propsButtonProps--
downBtnPropsDecrease button propsButtonProps--
isPreviewIs previewboolean--
renderPreviewRender content in preview mode

signature:
params:
value: value
props: props		(value: number | string, props: NumberPickerProps) => React.ReactNode--
stringModeEnable big number support, input and output are all string typesbooleanfalse1.24
stateState'error' | 'success'--
\n

ARIA and KeyBoard #

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
KeyBoardDescripiton
Up Arrowincrease the number
Down Arrowdecrease the number
\n"}