From 80122dfdceb3cd190f1c3de82391efc8d4a9fc0f Mon Sep 17 00:00:00 2001
From: gaba <gabelula@gmail.com>
Date: Tue, 31 Jan 2017 13:48:45 -0800
Subject: [PATCH] Adds formfield to components.

---
 client/coral-framework/components/FormField.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 client/coral-framework/components/FormField.js

diff --git a/client/coral-framework/components/FormField.js b/client/coral-framework/components/FormField.js
new file mode 100644
index 000000000..ceb2d939e
--- /dev/null
+++ b/client/coral-framework/components/FormField.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import styles from './styles.css';
+
+const FormField = ({className, showErrors = false, errorMsg, label, ...props}) => (
+  <div className={`${styles.formField} ${className ? className : ''}`}>
+    <label htmlFor={props.id}>
+      {label}
+    </label>
+    <input
+      className={showErrors && errorMsg ? styles.error : ''}
+      name={props.id}
+      {...props}
+    />
+    {showErrors && errorMsg && <span className={styles.errorMsg}><span className={styles.attention}>!</span>{errorMsg}</span>}
+  </div>
+);
+
+export default FormField;