diff --git a/src/App.js b/src/App.js
index 04307435551099b0502918d3e8672d58a785fe99..54f41e43accd81bde630eebf683d848367f43767 100644
--- a/src/App.js
+++ b/src/App.js
@@ -9,9 +9,9 @@ import ReorderIcon from '@material-ui/icons/Reorder';
 import RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked';
 
 
-import FormFieldText from './components/FormFieldText'
-import FormFieldSelect from './components/FormFieldSelect'
-
+import FormFieldText from './components/FormFieldText';
+import FormFieldSelect from './components/FormFieldSelect';
+import FormFieldRadio from './components/FormFieldRadio';
 
 const useStyles = makeStyles(theme => ({
   menu: {
@@ -40,7 +40,8 @@ function App() {
   }
 
   function addToFormRadio() {
-    
+    setForm([...form, {type: "radio", question: "", required: false, options: [""]}]);
+    console.log(form);
   }
 
   function addSelectOption(index) {
@@ -100,7 +101,12 @@ function App() {
                                       deleteFromForm={deleteFromForm} addSelectOption={addSelectOption}
                                       removeSelectOption={removeSelectOption} setSelectOption={setSelectOption} 
                                       setTextField={setTextField} setRequiredField={setRequiredField} />
-          })
+            else if(x.type === "radio")
+            return <FormFieldRadio question={x.question} options={x.options} idq={index} 
+                                    deleteFromForm={deleteFromForm} addSelectOption={addSelectOption}
+                                    removeSelectOption={removeSelectOption} setSelectOption={setSelectOption} 
+                                    setTextField={setTextField} setRequiredField={setRequiredField} />
+})
         }