refactor(searchbar): fix searchbar attribute names and update API docs

references #666
This commit is contained in:
Brandy Carney
2015-12-12 15:05:34 -05:00
parent 9c9df6c380
commit 23288931d6
2 changed files with 7 additions and 7 deletions

View File

@@ -18,9 +18,9 @@ import {Button} from '../button/button';
* <ion-searchbar [(ngModel)]="defaultSearch"></ion-searchbar>
* ```
*
* @property [placeholder] - sets input placeholder to value passed in
* @property [hideCancelButton] - hides the cancel button
* @property [cancelButtonText] - sets the cancel button text to the value passed in
* @property [placeholder] - (default: 'Search') Sets input placeholder to value passed in
* @property [hideCancelButton] - (default: false) Hides the cancel button
* @property [cancelButtonText] - (default: 'Cancel') sets the cancel button text to the value passed in
* @property [cancelAction] - the function that gets called by clicking the cancel button
* @see {@link /docs/v2/components#search Search Component Docs}
*/

View File

@@ -5,22 +5,22 @@
<ion-content>
<h5 padding-left padding-top> Search - Default Toolbar </h5>
<ion-toolbar>
<ion-searchbar [(ngModel)]="defaultToolbarSearch" showCancel="true" class="e2eDefaultToolbarSearchbar"></ion-searchbar>
<ion-searchbar [(ngModel)]="defaultToolbarSearch" class="e2eDefaultToolbarSearchbar"></ion-searchbar>
</ion-toolbar>
<h5 padding-left padding-top> Search - Primary Toolbar </h5>
<ion-toolbar primary>
<ion-searchbar [(ngModel)]="primaryToolbarSearch" showCancel="true" class="e2ePrimaryToolbarSearchbar"></ion-searchbar>
<ion-searchbar [(ngModel)]="primaryToolbarSearch" class="e2ePrimaryToolbarSearchbar"></ion-searchbar>
</ion-toolbar>
<h5 padding-left padding-top> Search - Danger Toolbar </h5>
<ion-toolbar danger>
<ion-searchbar [(ngModel)]="dangerToolbarSearch" showCancel="true" class="e2eDangerToolbarSearchbar"></ion-searchbar>
<ion-searchbar [(ngModel)]="dangerToolbarSearch" class="e2eDangerToolbarSearchbar"></ion-searchbar>
</ion-toolbar>
<h5 padding-left padding-top> Search - Light Toolbar </h5>
<ion-toolbar light>
<ion-searchbar [(ngModel)]="lightToolbarSearch" showCancel="true" class="e2eLightToolbarSearchbar"></ion-searchbar>
<ion-searchbar [(ngModel)]="lightToolbarSearch" class="e2eLightToolbarSearchbar"></ion-searchbar>
</ion-toolbar>
</ion-content>