diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html
index 88a69bef96b63adadb7a37f6c24e860aed71c91a..7dbdd36d8134a9a38fdd859b1371c5a0362820df 100644
--- a/alfa-client/apps/demo/src/app/app.component.html
+++ b/alfa-client/apps/demo/src/app/app.component.html
@@ -21,6 +21,7 @@
           [control]="instantSearchFormControl"
           [searchResults]="getInstantSearchResults()"
           (searchResultSelected)="selectSearchResult($event)"
+          (searchQueryChanged)="onSearchQueryChanged($event)"
         ></ods-instant-search>
       </div>
       <div class="w-96">
diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts
index 31d5d75101ef494cd178545e48d7fb80b9846301..40addd4c8966f682e403357a673cb578348d5213 100644
--- a/alfa-client/apps/demo/src/app/app.component.ts
+++ b/alfa-client/apps/demo/src/app/app.component.ts
@@ -26,7 +26,10 @@ import {
 } from '@ods/system';
 
 import { EMPTY_STRING } from '@alfa-client/tech-shared';
-import { InstantSearchResult } from 'libs/design-system/src/lib/instant-search/instant-search/instant-search.model';
+import {
+  InstantSearchQuery,
+  InstantSearchResult,
+} from 'libs/design-system/src/lib/instant-search/instant-search/instant-search.model';
 import { BescheidDialogExampleComponent } from './components/bescheid-dialog/bescheid-dialog.component';
 import { BescheidPaperComponent } from './components/bescheid-paper/bescheid-paper.component';
 import { BescheidStepperComponent } from './components/bescheid-stepper/bescheid-stepper.component';
@@ -73,24 +76,29 @@ export class AppComponent {
   @HostBinding('class.dark') get mode() {
     return this.darkMode();
   }
+
   title = 'demo';
 
   instantSearchItems: InstantSearchResult<unknown>[] = [
     {
       title: 'Landeshauptstadt Kiel - Ordnungsamt, Gewerbe- und Schornsteinfegeraufsicht',
       description: 'Fabrikstraße  8-10, 24103 Kiel',
+      data: { resource: 'dummy 1' },
     },
     {
       title: 'Amt für Digitalisierung, Breitband und Vermessung Nürnberg Außenstelle Hersbruck',
       description: 'Rathausmarkt 7, Hersbruck',
+      data: { resource: 'dummy 2' },
     },
     {
       title: 'Amt für Digitalisierung, Breitband und Vermessung Stuttgart',
       description: 'Rathausmarkt 7, Stuttgart',
+      data: { resource: 'dummy 3' },
     },
     {
       title: 'Amt für Digitalisierung, Breitband und Vermessung Ulm',
       description: 'Rathausmarkt 7, Ulm',
+      data: { resource: 'dummy 4' },
     },
   ];
   instantSearchFormControl = new FormControl(EMPTY_STRING);
@@ -121,4 +129,8 @@ export class AppComponent {
       window.localStorage.setItem('darkMode', JSON.stringify(this.darkMode()));
     });
   }
+
+  public onSearchQueryChanged(searchQuery: InstantSearchQuery) {
+    console.info('Search query: %o', searchQuery);
+  }
 }