diff --git a/src/edit.js b/src/edit.js
index 8291e0d..7b61d2e 100644
--- a/src/edit.js
+++ b/src/edit.js
@@ -41,7 +41,7 @@ export default function (compDef) {
 	const relationDisplay = props[`${relation}Templates`][`${relation}Display`]
 	console.log('this component was selected', relationDisplay, props[relation])
 	return <div key={fieldName}>
-	  <relationDisplay props={props[relation]}/>
+	  <relationDisplay component={props[relation]}/>
 	  <label>{relation}</label>
 
 	  <Button icon='add' onClick={(e) => {
diff --git a/src/list.js b/src/list.js
index 5d77d1b..508e080 100644
--- a/src/list.js
+++ b/src/list.js
@@ -41,7 +41,12 @@ export default function (compDef) {
 	onClick={() =>{
 	  props[`select${componentProperName}`](props[listName][index])
 	  props.goBack()
-	}}/>]}
+	}}/>,
+          <Button key='delete' icon='close' floating accent mini
+	onClick={() =>{
+	  props[`delete${componentProperName}`](props[listName][index])
+	}}/>
+      ]}
 	/>
     })
 
@@ -69,6 +74,7 @@ export default function (compDef) {
   ComponentList.propTypes[compDef.listName] = PropTypes.array
   ComponentList.propTypes[`deselect${componentProperName}`] = PropTypes.func
   ComponentList.propTypes[`select${componentProperName}`] = PropTypes.func
+  ComponentList.propTypes[`delete${componentProperName}`] = PropTypes.func
   ComponentList.propTypes.routing = PropTypes.object
   return ComponentList
 }
diff --git a/src/providers.js b/src/providers.js
index 7561952..a92129b 100644
--- a/src/providers.js
+++ b/src/providers.js
@@ -142,20 +142,29 @@ export default function (compDef) {
       return action.list
     }
     case STORE: {
-      if (action.component.id === undefined) {
+      if (action.component.uuid === undefined) {
 	return [
 	  ...state,
-	  Object.assign({}, action.component, {id: uuid.v4()})
+	  Object.assign({}, action.component, {uuid: uuid.v4()})
 	]
       }
       const next = state.map((component)=>{
-	if (component.id === action.component.id) {
+	if (component.id === action.component.uuid) {
 	  return action.component
 	}
 	return component
       })
       return next
     }
+    case DELETE: {
+      let next = []
+      state.map((component) =>{
+	if (component.uuid !== action.component.uuid) {
+	  next.push(component)
+	}
+      })
+      return next
+    }
     default: {
       return state
     }