diff --git a/src/components/IFrameWidget/editor.tsx b/src/components/IFrameWidget/editor.tsx
index 1c05ac23..283acd04 100644
--- a/src/components/IFrameWidget/editor.tsx
+++ b/src/components/IFrameWidget/editor.tsx
@@ -28,6 +28,7 @@ class IFrameWidgetEditor extends Component<Props, IFrameWidgetProps> {
     super(props);
     this.state = this.props.props;
     this.save = this.save.bind(this);
+    this.delete = this.delete.bind(this);
   }
 
   save(e: MouseEvent<HTMLButtonElement>) {
@@ -35,6 +36,13 @@ class IFrameWidgetEditor extends Component<Props, IFrameWidgetProps> {
     set(ref(db, `/widgets/${this.props.id}/props`), this.state);
   }
 
+  delete(e: MouseEvent<HTMLButtonElement>) {
+    e.preventDefault();
+    if (confirm('本当に削除してよろしいですか?')) {
+      set(ref(db, `/widgets/${this.props.id}`), null);
+    }
+  }
+
   render() {
     return (
       <div>
@@ -191,6 +199,15 @@ class IFrameWidgetEditor extends Component<Props, IFrameWidgetProps> {
           >
             Save
           </Button>
+          <Button
+            sx={{ ml: 1 }}
+            type="button"
+            color="error"
+            variant="outlined"
+            onClick={this.delete}
+          >
+            Delete
+          </Button>
         </FormGroup>
       </div>
     );
diff --git a/src/components/TextWidget/editor.tsx b/src/components/TextWidget/editor.tsx
index 46db1a8f..badbf5fe 100644
--- a/src/components/TextWidget/editor.tsx
+++ b/src/components/TextWidget/editor.tsx
@@ -88,6 +88,7 @@ class TextWidgetEditor extends Component<Props, TextWidgetProps> {
     super(props);
     this.state = this.props.props;
     this.save = this.save.bind(this);
+    this.delete = this.delete.bind(this);
   }
 
   save(e: MouseEvent<HTMLButtonElement>) {
@@ -95,6 +96,13 @@ class TextWidgetEditor extends Component<Props, TextWidgetProps> {
     set(ref(db, `/widgets/${this.props.id}/props`), this.state);
   }
 
+  delete(e: MouseEvent<HTMLButtonElement>) {
+    e.preventDefault();
+    if (confirm('本当に削除してよろしいですか?')) {
+      set(ref(db, `/widgets/${this.props.id}`), null);
+    }
+  }
+
   render() {
     return (
       <div>
@@ -339,6 +347,15 @@ class TextWidgetEditor extends Component<Props, TextWidgetProps> {
           >
             Save
           </Button>
+          <Button
+            sx={{ ml: 1 }}
+            type="button"
+            color="error"
+            variant="outlined"
+            onClick={this.delete}
+          >
+            Delete
+          </Button>
         </FormGroup>
       </div>
     );
diff --git a/src/components/TimeWidget/editor.tsx b/src/components/TimeWidget/editor.tsx
index 1f6e4ddb..d1f7f0bf 100644
--- a/src/components/TimeWidget/editor.tsx
+++ b/src/components/TimeWidget/editor.tsx
@@ -33,6 +33,7 @@ class TimeWidgetEditor extends Component<Props, TimeWidgetProps> {
     super(props);
     this.state = this.props.props;
     this.save = this.save.bind(this);
+    this.delete = this.delete.bind(this);
   }
 
   save(e: MouseEvent<HTMLButtonElement>) {
@@ -40,6 +41,13 @@ class TimeWidgetEditor extends Component<Props, TimeWidgetProps> {
     set(ref(db, `/widgets/${this.props.id}/props`), this.state);
   }
 
+  delete(e: MouseEvent<HTMLButtonElement>) {
+    e.preventDefault();
+    if (confirm('本当に削除してよろしいですか?')) {
+      set(ref(db, `/widgets/${this.props.id}`), null);
+    }
+  }
+
   render() {
     return (
       <div>
@@ -85,6 +93,15 @@ class TimeWidgetEditor extends Component<Props, TimeWidgetProps> {
           >
             Save
           </Button>
+          <Button
+            sx={{ ml: 1 }}
+            type="button"
+            color="error"
+            variant="outlined"
+            onClick={this.delete}
+          >
+            Delete
+          </Button>
         </FormGroup>
       </div>
     );