Neutrino-UI
Neutrino-UI
Props
1interface IInputNumberProps extends IInputProps {
2 styles?: React.CSSProperties;
3 locales?: string | string[];
4 formatOptions?: Intl.NumberFormatOptions;
5 zeroWhenEmpty?: boolean;
6 parser?: 'parseFloat' | 'parseInt';
7 onFocusHandler?: (value: string | number, event?: React.FocusEvent<HTMLInputElement>) => void;
8 onBlurHandler?: (value: string | number , event?: React.FocusEvent<HTMLInputElement>) => void;
9 onChangeHandler: (value: string | number, event?: React.ChangeEvent<HTMLInputElement>) => void;
10}
Default
1import { InputNumber } from 'neutrino-ui';
2const [value, setValue] = useState(undefined);
3
4<InputNumber
5 name="number"
6 onChangeHandler={(v) => setValue(v)}
7 value={value}
8/>
with maximumFractionDigits (MDN NumberFormat)
1import { InputNumber } from 'neutrino-ui';
2const [value, setValue] = useState(0.23);
3
4<InputNumber
5 name="number"
6 onChangeHandler={(v: number) => setFractNumber(v)}
7 value={fractNumber}
8 formatOptions={{ maximumFractionDigits: 2 }}
9/>
the rest of the behavior is similar Input component