diff --git a/docs/src/demos/Extensions/HardBreak/index.spec.js b/docs/src/demos/Extensions/HardBreak/index.spec.js
index 73c6f908..6e6aba7a 100644
--- a/docs/src/demos/Extensions/HardBreak/index.spec.js
+++ b/docs/src/demos/Extensions/HardBreak/index.spec.js
@@ -1,5 +1,30 @@
 context('/api/extensions/hard-break', () => {
   beforeEach(() => {
     cy.visit('/api/extensions/hard-break')
+
+    cy.get('.ProseMirror').window().then(window => {
+      const { editor } = window
+      editor.setContent('<p>Example Text</p>')
+    })
+  })
+
+  describe('hard-break', () => {
+    it('the button should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.demo__preview button:first').click({ force: true })
+      cy.get('.ProseMirror br').should('exist')
+    })
+
+    it('the default keyboard shortcut should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.ProseMirror').type('{shift}{enter}', {force: true})
+      cy.get('.ProseMirror br').should('exist')
+    })
+
+    it('the alternative keyboard shortcut should add a line break', () => {
+      cy.get('.ProseMirror br').should('not.exist')
+      cy.get('.ProseMirror').type('{meta}{enter}', {force: true})
+      cy.get('.ProseMirror br').should('exist')
+    })
   })
 })
\ No newline at end of file
diff --git a/docs/src/demos/Extensions/HardBreak/index.vue b/docs/src/demos/Extensions/HardBreak/index.vue
index 2ee240ad..92d76959 100644
--- a/docs/src/demos/Extensions/HardBreak/index.vue
+++ b/docs/src/demos/Extensions/HardBreak/index.vue
@@ -1,5 +1,9 @@
 <template>
   <div v-if="editor">
+    <button @click="editor.focus().hardBreak()">
+      hardBreak
+    </button>
+
     <editor-content :editor="editor" />
   </div>
 </template>
diff --git a/docs/src/docPages/api/extensions/hard-break.md b/docs/src/docPages/api/extensions/hard-break.md
index cc5d97d3..7b47bf98 100644
--- a/docs/src/docPages/api/extensions/hard-break.md
+++ b/docs/src/docPages/api/extensions/hard-break.md
@@ -18,4 +18,4 @@ The HardBreak extensions adds support for the `<br>` HTML tag, which forces a li
 [packages/extension-hard-break/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-hard-break/)
 
 ## Usage
-<demo name="Extensions/HardBreak" highlight="13,32" />
+<demo name="Extensions/HardBreak" highlight="3-5,17,36" />
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index d06918fa..6298a464 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -135,7 +135,6 @@
           link: /api/extensions/document
         - title: Hardbreak
           link: /api/extensions/hard-break
-          draft: true
         - title: Heading
           link: /api/extensions/heading
           draft: true