1 files changed, 25 insertions, 0 deletions
diff --git a/preact/demo/contenteditable.js b/preact/demo/contenteditable.js
new file mode 100644
index 0000000..4e913ba
--- /dev/null
+++ b/preact/demo/contenteditable.js
@@ -0,0 +1,25 @@
+import { createElement } from 'preact';
+import { useState } from 'preact/hooks';
+
+export default function Contenteditable() {
+	const [value, setValue] = useState("Hey there<br />I'm editable!");
+
+	return (
+		<div>
+			<div>
+				<button onClick={() => setValue('')}>Clear!</button>
+			</div>
+			<div
+				style={{
+					border: '1px solid gray',
+					padding: '8px',
+					margin: '8px 0',
+					background: 'white'
+				}}
+				contentEditable
+				onInput={e => setValue(e.currentTarget.innerHTML)}
+				dangerouslySetInnerHTML={{ __html: value }}
+			/>
+		</div>
+	);
+}