diff --git a/src/back/jdd-components/heading-with-echo/heading-with-echo.jdd.tsx b/src/back/jdd-components/heading-with-echo/heading-with-echo.jdd.tsx
index 424a7cf..f463287 100644
--- a/src/back/jdd-components/heading-with-echo/heading-with-echo.jdd.tsx
+++ b/src/back/jdd-components/heading-with-echo/heading-with-echo.jdd.tsx
@@ -1,5 +1,9 @@
 import { TempstreamJSX } from "tempstream";
-import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import type {
+	ComponentToHTMLArgs,
+	ExtractStructuredComponentArgumentsParsed,
+	JDDContext,
+} from "@sealcode/jdd";
 import { Component, ComponentArguments } from "@sealcode/jdd";
 
 const component_arguments = {
@@ -22,6 +26,13 @@ export class HeadingWithEcho extends Component<typeof component_arguments> {
 		return component_arguments;
 	}
 
+	getTitle(
+		_: JDDContext,
+		args: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>
+	) {
+		return args.title || null;
+	}
+
 	async toHTML({
 		args: { title, level, font_family, blur_backdrop },
 		classes,