Add SelectField to @redwoodjs/web (redwoodjs#364)

mohsen1 · Apr 1, 2020 · 4eb6b78 · 4eb6b78
1 parent da28472
commit 4eb6b78
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/packages/create-redwood-app-template/packages/web/src/form/form.js b/packages/create-redwood-app-template/packages/web/src/form/form.js
@@ -207,6 +207,21 @@ const TextField = (props) => {
   )
 }
 
+// Renders a <select> field
+
+const SelectField = (props) => {
+  const { register } = useFormContext()
+  const tagProps = inputTagProps(props)
+
+  return (
+    <select
+      {...tagProps}
+      id={props.id || props.name}
+      ref={register(props.validation || { required: false })}
+    />
+  )
+}
+
 // Renders a <button type="submit">
 const Submit = React.forwardRef((props, ref) => (
   <button ref={ref} type="submit" {...props} />
@@ -221,5 +236,6 @@ export {
   HiddenField,
   TextAreaField,
   TextField,
+  SelectField,
   Submit,
 }