samarthagarwal
/ home.html
Last active
July 26, 2018 10:30
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-list> | |
| <ion-item> | |
| <ion-label>Username</ion-label> | |
| <ion-input type="text" placeholder="Username"></ion-input> | |
| </ion-item> | |
| <ion-item> | |
| <ion-label>Password</ion-label> | |
| <ion-input type="password" placeholder="Password"></ion-input> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-list> | |
| <ion-item> | |
| <ion-label position="stacked">Username</ion-label> | |
| <ion-input type="text" placeholder="Username"></ion-input> | |
| </ion-item> | |
| <ion-item> | |
| <ion-label position="stacked">Password</ion-label> | |
| <ion-input type="password" placeholder="Password"></ion-input> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:43
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-list> | |
| <ion-item> | |
| <ion-label position="floating">Username</ion-label> | |
| <ion-input type="text"></ion-input> | |
| </ion-item> | |
| <ion-item> | |
| <ion-label position="floating">Password</ion-label> | |
| <ion-input type="password"></ion-input> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-list> | |
| <ion-item> | |
| <ion-label position="fixed">Username</ion-label> | |
| <ion-input type="text" placeholder="Username"></ion-input> | |
| </ion-item> | |
| <ion-item> | |
| <ion-label position="fixed">Password</ion-label> | |
| <ion-input type="password" placeholder="Password"></ion-input> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-fab vertical="top" horizontal="end" slot="fixed"> | |
| <ion-fab-button> | |
| <ion-icon name="add"></ion-icon> | |
| </ion-fab-button> | |
| </ion-fab> | |
| <!-- fab placed to the bottom end --> | |
| <ion-fab vertical="bottom" horizontal="end" slot="fixed"> | |
| <ion-fab-button> | |
| <ion-icon name="arrow-dropleft"></ion-icon> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:34
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-header> | |
| <ion-toolbar color="primary"> | |
| <ion-buttons slot="start"> | |
| <ion-button> | |
| <ion-icon slot="icon-only" name="menu"></ion-icon> | |
| </ion-button> | |
| </ion-buttons> | |
| <ion-title> | |
| Ionic Blank | |
| </ion-title> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:16
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-button> | |
| <ion-icon slot="start" name="star"></ion-icon> | |
| Left Icon | |
| </ion-button> | |
| <ion-button> | |
| Right Icon | |
| <ion-icon slot="end" name="star"></ion-icon> | |
| </ion-button> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:13
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Default --> | |
| <ion-button>Default</ion-button> | |
| <!-- Anchor --> | |
| <ion-button href="#">Anchor</ion-button> | |
| <!-- Anchor with backwards transition --> | |
| <ion-button href="/" go-back>Backwards Anchor</ion-button> | |
| <!-- Colors --> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:07
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-button shape="round">Regular Round Button</ion-button> | |
| <ion-button fill="outline" shape="round">Outline Round Button</ion-button> | |
| <ion-button expand="block" shape="round">Block Round Button</ion-button> |
samarthagarwal
/ home.html
Last active
August 10, 2018 10:13
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-button fill="outline">Outline Button</ion-button> | |
| <ion-button fill="clear">Clear Button</ion-button> | |
| <ion-button fill="solid">Solid Button</ion-button> |