Function Edit

interactivity-block/src/edit.js:32–57

(props)

 * @return {Element} Element to render.
 */
export default function Edit(props) {
	function updateSkyColor(e) {
		props.setAttributes({ skyColor: e.target.value });
	}

	function updateGrassColor(e) {
		props.setAttributes({ grassColor: e.target.value });
	}

	return (
		<div {...useBlockProps()}>
			<input
				type="text"
				value={props.attributes.skyColor}
				onChange={updateSkyColor}
				placeholder="sky color..."
			/>
			<input
				type="text"
				value={props.attributes.grassColor}
				onChange={updateGrassColor}
				placeholder="grass color..."
			/>
		</div>
	);
}