1 files changed, 37 insertions, 0 deletions
diff --git a/preact/demo/textFields.js b/preact/demo/textFields.js
new file mode 100644
index 0000000..58f69f1
--- /dev/null
+++ b/preact/demo/textFields.js
@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import TextField from '@material-ui/core/TextField';
+
+/** @jsx React.createElement */
+
+const PatchedTextField = props => {
+	const [value, set] = useState(props.value);
+	return (
+		<TextField {...props} value={value} onChange={e => set(e.target.value)} />
+	);
+};
+
+const TextFields = () => (
+	<div>
+		<TextField
+			variant="outlined"
+			margin="normal"
+			fullWidth
+			label="Cannot type in"
+		/>
+		<PatchedTextField
+			variant="outlined"
+			margin="normal"
+			fullWidth
+			label="I can"
+		/>
+		<TextField
+			defaultValue="Reset after blur or empty"
+			variant="outlined"
+			margin="normal"
+			fullWidth
+			label="default value"
+		/>
+	</div>
+);
+
+export default TextFields;