10 examples of 'react native number input' in JavaScript

Every line of 'react native number input' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
5function NumberInput(_ref) {
6 var label = _ref.label;
7 var value = _ref.value;
8 var onChange = _ref.onChange;
9 var min = _ref.min;
10 var max = _ref.max;
11
12 return React.createElement(
13 'div',
14 null,
15 React.createElement(
16 'label',
17 null,
18 label
19 ),
20 React.createElement('input', {
21 value: value,
22 onChange: onChange,
23 type: 'number',
24 min: min,
25 max: max,
26 step: 1
27 })
28 );
29}
14function InputNumber () {
15 Component.call(this)
16
17 this.setValue = this.setValue.bind(this)
18}
17function InputNumber(props: Props) {
18 function handleChange(value) {
19 if (value !== props.answer.value) {
20 props.onChange({
21 ...props.answer,
22 value
23 });
24 }
25 }
26
27 return (
28
29 {props.question.label}
30
31
32
33
34 );
35}
119function renderNumberInput(props, renderer = mount) {
120 return renderer();
121}
27export function createNumericInput(props: NumericInputProps, useFloat: boolean = false): HTMLInputElement {
28 const input = document.createElement("input");
29 input.type = "number";
30 input.value = props.value.toString();
31
32 input.onchange = () => {
33 try {
34 const value = useFloat ? parseFloat(input.value) : parseInt(input.value, 10);
35 props.handler(value, input);
36 } catch (_ex) {
37 //
38 }
39 };
40
41 if (undefined !== props.id) input.id = props.id;
42 if (undefined !== props.display) input.style.display = props.display;
43 if (undefined !== props.min) input.min = props.min.toString();
44 if (undefined !== props.max) input.max = props.max.toString();
45 if (undefined !== props.step) input.step = props.step.toString();
46 if (undefined !== props.tooltip) input.title = props.tooltip;
47 if (undefined !== props.disabled) input.disabled = props.disabled;
48 if (undefined !== props.parent) props.parent.appendChild(input);
49
50 return input;
51}
152InputNumber (h, props, vm) {
153 if (props.status === 'preview') return renderValue(h, formatValue(props.props.value))
154
155 return (
156
157 )
158}
108constructor(props: NumberInputFieldProps, context: any) {
109 super(props, context);
110}
17constructor(props: IProps) {
18 super(props);
19
20 this.checkValues();
21 this.state = {isModalShown: false};
22}
57constructor(props: Props) {
58 super(props)
59
60 const defaultValue = this.getData().get("default")
61
62 this.state = {
63 dirty: false,
64 value: defaultValue,
65 formattedValue: this.formatValue(defaultValue),
66 }
67}
67export function createLabeledNumericInput(props: LabeledNumericInputProps): LabeledNumericInput {
68 const div = document.createElement("div");
69
70 const label = document.createElement("label");
71 label.htmlFor = props.id;
72 label.innerText = props.name;
73 div.appendChild(label);
74
75 const inputProps = { ...props };
76 inputProps.parent = div;
77 inputProps.display = "inline";
78 const input = createNumericInput(inputProps, true === props.parseAsFloat);
79
80 if (undefined !== props.parent)
81 props.parent.appendChild(div);
82
83 if (undefined !== props.tooltip)
84 div.title = props.tooltip;
85
86 return { label, div, input };
87}

Related snippets