Skip to content

Instantly share code, notes, and snippets.

View samarthagarwal's full-sized avatar
🎯
Focusing

Samarth Agarwal samarthagarwal

🎯
Focusing
1.1k followers · 0 following
View GitHub Profile
@samarthagarwal
samarthagarwal / home.html
Last active August 10, 2018 09:50
<ion-header>
<ion-toolbar>
<ion-title>Header</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
</ion-content>
@samarthagarwal
samarthagarwal / home.html
Last active August 10, 2018 10:01
<ion-button expand="block">Block Button</ion-button>
<ion-button expand="full">Full Button</ion-button>
@samarthagarwal
samarthagarwal / home.html
Last active August 10, 2018 10:13
<ion-button fill="outline">Outline Button</ion-button>
<ion-button fill="clear">Clear Button</ion-button>
<ion-button fill="solid">Solid Button</ion-button>
@samarthagarwal
samarthagarwal / home.html
Last active August 10, 2018 10:07
<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
samarthagarwal / home.html
Last active August 10, 2018 10:13
<!-- 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
samarthagarwal / home.html
Last active August 10, 2018 10:16
<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
samarthagarwal / home.html
Last active August 10, 2018 10:34
<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
samarthagarwal / home.html
Last active August 10, 2018 10:37
<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
samarthagarwal / home.html
Last active August 10, 2018 10:42
<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
samarthagarwal / home.html
Last active August 10, 2018 10:43
<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>