diff --git a/app/components/headers/h1.hbs b/app/components/headers/h1.hbs
new file mode 100644
index 0000000..007c678
--- /dev/null
+++ b/app/components/headers/h1.hbs
@@ -0,0 +1,7 @@
+<h1 class='text-3xl mb-4'>
+  {{#if (has-block)}}
+    {{yield}}
+  {{else}}
+    {{@title}}
+  {{/if}}
+</h1>
diff --git a/app/controllers/admin/indexes/item/edit.js b/app/controllers/admin/indexes/item/edit.js
new file mode 100644
index 0000000..0b572fc
--- /dev/null
+++ b/app/controllers/admin/indexes/item/edit.js
@@ -0,0 +1,14 @@
+import Controller from '@ember/controller';
+import { action } from '@ember/object';
+
+export default class AdminIndexesItemEditController extends Controller {
+  @action
+  save(event) {
+    event.preventDefault();
+
+    const formData = new FormData(event.currentTarget);
+    const data = Object.fromEntries(formData.entries());
+
+    this.model.save(data);
+  }
+}
diff --git a/app/models/index.js b/app/models/index.js
index c7dc28d..1e15243 100644
--- a/app/models/index.js
+++ b/app/models/index.js
@@ -88,4 +88,11 @@ export default class Index {
   //     ? Object.keys(this.stats.value.fieldDistribution)
   //     : [];
   // }
+
+  save(data) {
+    return query(this.indexPath, {
+      method: 'PATCH',
+      body: JSON.stringify(data),
+    });
+  }
 }
diff --git a/app/router.js b/app/router.js
index a0541aa..ff15728 100644
--- a/app/router.js
+++ b/app/router.js
@@ -13,6 +13,7 @@ Router.map(function () {
         this.route('settings');
         this.route('data');
         this.route('info');
+        this.route('edit');
       });
     });
     this.route('keys', function () {
diff --git a/app/routes/admin/indexes/item/edit.js b/app/routes/admin/indexes/item/edit.js
new file mode 100644
index 0000000..77681d0
--- /dev/null
+++ b/app/routes/admin/indexes/item/edit.js
@@ -0,0 +1,7 @@
+import Route from '@ember/routing/route';
+
+export default class AdminIndexesItemEditRoute extends Route {
+  async model() {
+    return this.modelFor('admin.indexes.item');
+  }
+}
diff --git a/app/templates/admin/indexes/item.hbs b/app/templates/admin/indexes/item.hbs
index 7cdfc43..fe07473 100644
--- a/app/templates/admin/indexes/item.hbs
+++ b/app/templates/admin/indexes/item.hbs
@@ -5,6 +5,7 @@
 <div class="flex mb-4">
   <Tab @route="admin.indexes.item.data" @text="Data" @model={{@model}} />
   <Tab @route="admin.indexes.item.info" @text="Info" @model={{@model}} />
+  <Tab @route="admin.indexes.item.edit" @text="Edit" @model={{@model}} />
   {{!-- <Tab @route="admin.indexes.item.settings" @text="Settings" @model={{@model}} /> --}}
 </div>
 
diff --git a/app/templates/admin/indexes/item/edit.hbs b/app/templates/admin/indexes/item/edit.hbs
new file mode 100644
index 0000000..24f4a28
--- /dev/null
+++ b/app/templates/admin/indexes/item/edit.hbs
@@ -0,0 +1,16 @@
+<Headers::H1>Edit {{@model.uid}}</Headers::H1>
+
+<form {{on 'submit' this.save}}>
+  <InputText
+    @label='Primary key'
+    @name='primaryKey'
+    @value={{@model.primaryKey}}
+    @required={{true}}
+  />
+
+  <Button
+    type='submit'
+    @text='Save'
+    @style='primary'
+  />
+</form>
diff --git a/tests/integration/components/headers/h1-test.js b/tests/integration/components/headers/h1-test.js
new file mode 100644
index 0000000..bed14de
--- /dev/null
+++ b/tests/integration/components/headers/h1-test.js
@@ -0,0 +1,26 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'meiliadmin/tests/helpers';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | headers/h1', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function (assert) {
+    // Set any properties with this.set('myProperty', 'value');
+    // Handle any actions with this.set('myAction', function(val) { ... });
+
+    await render(hbs`<Headers::H1 />`);
+
+    assert.dom(this.element).hasText('');
+
+    // Template block usage:
+    await render(hbs`
+      <Headers::H1>
+        template block text
+      </Headers::H1>
+    `);
+
+    assert.dom(this.element).hasText('template block text');
+  });
+});
diff --git a/tests/unit/controllers/admin/indexes/item/edit-test.js b/tests/unit/controllers/admin/indexes/item/edit-test.js
new file mode 100644
index 0000000..46301f3
--- /dev/null
+++ b/tests/unit/controllers/admin/indexes/item/edit-test.js
@@ -0,0 +1,12 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Controller | admin/indexes/item/edit', function (hooks) {
+  setupTest(hooks);
+
+  // TODO: Replace this with your real tests.
+  test('it exists', function (assert) {
+    let controller = this.owner.lookup('controller:admin/indexes/item/edit');
+    assert.ok(controller);
+  });
+});
diff --git a/tests/unit/routes/admin/indexes/item/edit-test.js b/tests/unit/routes/admin/indexes/item/edit-test.js
new file mode 100644
index 0000000..f0156a0
--- /dev/null
+++ b/tests/unit/routes/admin/indexes/item/edit-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/indexes/item/edit', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes/item/edit');
+    assert.ok(route);
+  });
+});