1 files changed, 19 insertions, 0 deletions
diff --git a/stories/ng2-component-lab/search-bar.component.exp.ts b/stories/ng2-component-lab/search-bar.component.exp.ts
new file mode 100644
index 0000000..4a7e1fd
--- /dev/null
+++ b/stories/ng2-component-lab/search-bar.component.exp.ts
@@ -0,0 +1,19 @@
+import { experimentOn } from '@islavi/ng2-component-lab';
+
+export default experimentOn('Search Bar').group('SearchBar', [
+    {
+        id: 'search-bar',
+        title: 'Search Bar',
+        description: "The search text is updated on click on the magnify",
+        showSource: true,
+        template: `
+        The text to search: {{searchText}}
+        <sdc-search-bar placeholder="search text"
+                        label="search example:"
+                        [searchQuery]="searchText"
+                        (searchQueryClick)="searchText = $event"
+                        >
+        </sdc-search-bar>
+    `
+    }
+]);