summaryrefslogtreecommitdiffstats
path: root/stories/ng2-component-lab/search-bar.component.exp.ts
diff options
context:
space:
mode:
Diffstat (limited to 'stories/ng2-component-lab/search-bar.component.exp.ts')
-rw-r--r--stories/ng2-component-lab/search-bar.component.exp.ts19
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>
+ `
+ }
+]);