Search - Default
-
+
Search - Custom Placeholder
-
+
Search - Default Cancel Button
-
+
Search - Custom Cancel Button Danger
-
+
Search - Custom Cancel Action
-
+
Clicked custom action with input = {{customCancelAction}}
diff --git a/ionic/config/directives.ts b/ionic/config/directives.ts
index 6f7ae7b6f0..2eec59b01b 100644
--- a/ionic/config/directives.ts
+++ b/ionic/config/directives.ts
@@ -23,7 +23,7 @@ import {TextInput, TextInputElement} from '../components/text-input/text-input';
import {Label} from '../components/text-input/label';
import {Segment, SegmentButton} from '../components/segment/segment';
import {RadioGroup, RadioButton} from '../components/radio/radio';
-import {SearchBar} from '../components/searchbar/searchbar';
+import {Searchbar} from '../components/searchbar/searchbar';
import {Nav} from '../components/nav/nav';
import {NavPush, NavPop} from '../components/nav/nav-push';
import {NavRouter} from '../components/nav/nav-router';
@@ -76,7 +76,7 @@ export const IONIC_DIRECTIVES = [
Icon,
// Forms
- SearchBar,
+ Searchbar,
Segment,
SegmentButton,
Checkbox,