StringField

Editable

First variant is editable:

Live Editor

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

Result

Loading...

Non Editable

Second variant is non editable:

Live Editor

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

Result

Loading...