Skip to content

Instantly share code, notes, and snippets.

@chrisgriffith
Created October 26, 2018 22:01
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save chrisgriffith/db77585884ba61ecac502672ec6ce87b to your computer and use it in GitHub Desktop.
floating ion-input with icon
<ion-header>
<ion-toolbar>
<ion-title>
Ionic Blank
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-grid>
<ion-row align-items-end>
<ion-col size="1" align-self-bottom>
<ion-icon name="mail" size="large" [ngClass]="{'activeInputIcon': isLabelActive}"></ion-icon>
</ion-col>
<ion-col>
<ion-item>
<ion-label position="floating">Floating Label</ion-label>
<ion-input (ionBlur)="toggleIcon($event)" (ionFocus)="toggleIcon($event)"></ion-input>
</ion-item>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment