diff --git a/app/Livewire/TodoEdit.php b/app/Livewire/TodoEdit.php
new file mode 100644
index 0000000..bd996b0
--- /dev/null
+++ b/app/Livewire/TodoEdit.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace App\Livewire;
+
+use Livewire\Component;
+
+class TodoEdit extends Component
+{
+    public $counter = 0;
+
+    public function render()
+    {
+        return view('livewire.todo-edit');
+    }
+}
diff --git a/resources/views/livewire/todo-edit.blade.php b/resources/views/livewire/todo-edit.blade.php
new file mode 100644
index 0000000..c791010
--- /dev/null
+++ b/resources/views/livewire/todo-edit.blade.php
@@ -0,0 +1,5 @@
+<div>
+    値は: {{ $counter }} です。
+    <button wire:click="$set('counter', {{ $counter }} + 1)">カウントアップ</button>
+</div>
+
diff --git a/resources/views/todo/index.blade.php b/resources/views/todo/index.blade.php
index 9cdc03b..af3b7a4 100644
--- a/resources/views/todo/index.blade.php
+++ b/resources/views/todo/index.blade.php
@@ -7,6 +7,9 @@
         </div>
     @endif
     <div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
+
+        <livewire:todo-edit />
+
         <div class="mx-4">
             <table class="min-w-full divide-y divide-gray-200">
                 <thead>