diff --git a/docs/src/demos/Examples/Basic/index.vue b/docs/src/demos/Examples/Basic/index.vue
index ac98419d..e4c7e0d5 100644
--- a/docs/src/demos/Examples/Basic/index.vue
+++ b/docs/src/demos/Examples/Basic/index.vue
@@ -28,6 +28,9 @@
       <button @click="editor.chain().focus().codeBlock().run()" :class="{ 'is-active': editor.isActive('codeBlock') }">
         code block
       </button>
+      <button @click="editor.chain().focus().paragraph().run()" :class="{ 'is-active': editor.isActive('paragraph') }">
+        paragraph
+      </button>
       <button @click="editor.chain().focus().heading({ level: 1 }).run()" :class="{ 'is-active': editor.isActive('heading', { level: 1 }) }">
         h1
       </button>
diff --git a/packages/extension-paragraph/index.ts b/packages/extension-paragraph/index.ts
index a0a721d1..aaf61f25 100644
--- a/packages/extension-paragraph/index.ts
+++ b/packages/extension-paragraph/index.ts
@@ -10,4 +10,14 @@ export default new Node()
     toDOM: () => ['p', 0],
     // toVue: ParagraphComponent,
   }))
+  .commands(({ name }) => ({
+    [name]: () => ({ commands }) => {
+      return commands.toggleNode(name, 'paragraph')
+    },
+  }))
+  .keys(({ editor, name }) => ({
+    // Exception: TS2339: Property 'paragraph' does not exist on type 'Editor'.
+    // 'Mod-Alt-0': () => editor.paragraph(),
+    'Mod-Alt-0': () => editor.toggleNode(name, 'paragraph'),
+  }))
   .create()