javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 13:32:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(fab): adds footer

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-10-12 18:34:42 +02:00
parent 8926595f31
commit 8f39fec830
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/fab/test/basic/main.html
View File

@ -20,8 +20,8 @@
</ion-fab-list> </ion-fab-list>
</ion-fab> </ion-fab>
<ion-fab right bottom #fab2> <ion-fab right bottom edge #fab2>
<button ion-fab color="light"><ion-icon name="arrow-dropleft"></ion-icon></button> <button ion-fab color="dark"><ion-icon name="arrow-dropleft"></ion-icon></button>
<ion-fab-list side="left"> <ion-fab-list side="left">
<button ion-fab (click)="openSocial('facebook', fab2)"><ion-icon name="logo-facebook"></ion-icon></button> <button ion-fab (click)="openSocial('facebook', fab2)"><ion-icon name="logo-facebook"></ion-icon></button>
<button ion-fab (click)="openSocial('twitter', fab2)"><ion-icon name="logo-twitter"></ion-icon></button> <button ion-fab (click)="openSocial('twitter', fab2)"><ion-icon name="logo-twitter"></ion-icon></button>
@ -41,7 +41,7 @@
</ion-fab> </ion-fab>
<ion-fab left bottom #fab4> <ion-fab left bottom #fab4>
<button ion-fab color="dark"><ion-icon name="arrow-dropup"></ion-icon></button> <button ion-fab color="light"><ion-icon name="arrow-dropup"></ion-icon></button>
<ion-fab-list side="top"> <ion-fab-list side="top">
<button ion-fab (click)="openSocial('facebook', fab4)"><ion-icon name="logo-facebook"></ion-icon></button> <button ion-fab (click)="openSocial('facebook', fab4)"><ion-icon name="logo-facebook"></ion-icon></button>
<button ion-fab (click)="openSocial('twitter', fab4)"><ion-icon name="logo-twitter"></ion-icon></button> <button ion-fab (click)="openSocial('twitter', fab4)"><ion-icon name="logo-twitter"></ion-icon></button>
@ -71,3 +71,9 @@
</ion-fab> </ion-fab>
</ion-content> </ion-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>