IntegerField

Only accepts integers, for floating point numbers, use NumberField. If an incorrect value is inputted, e.g. 1.5 or abc, the value is displayed, but onChange is not called and the field lights up red.

Editable

First variant is editable:

Live Editor

function EditableIntegerField() {
	const [value, setValue] = useState(10);
	return (
		<IntegerField
			name="test"
			label="Some label"
			value={value}
			editable
			onChange={setValue}
			className="test"
		/>
	);
}

Result

Loading...

Non Editable

Second variant is non editable:

Live Editor

function NonEditableIntegerField() {
	const [value, setValue] = useState(10);
	return (
		<IntegerField
			name="test"
			label="Some label"
			value={value}
			editable={false}
			onChange={setValue}
		/>
	);
}

Result

Loading...