Tuesday 12 December 2017

Part 10 how to use Floating action buttons (FABs) in ionic





FABs (Floating Action Buttons) are standard material design components. They are shaped like a circle that represents a promoted action. When pressed, it may contain more related actions. FABs, as its name suggests, are floating over the content in a fixed position.



<ion-fab top right edge> // left botton and top can be used

    <button ion-fab mini><ion-icon name="add"></ion-icon></button>

    <ion-fab-list>

      <button ion-fab><ion-icon name="logo-facebook"></ion-icon></button>

      <button ion-fab><ion-icon name="logo-twitter"></ion-icon></button>

      <button ion-fab><ion-icon name="logo-vimeo"></ion-icon></button>

      <button ion-fab><ion-icon name="logo-googleplus"></ion-icon></button>

    </ion-fab-list>

  </ion-fab>

====================================================
to download full source code and presentation visit our wesite and Blog

website : - http://dotnetlab.in/
source code : - https://github.com/rahuljograna
facebook page :- https://www.facebook.com/DotnetLab-1896440207343189/
visit my blog : - http://aspnetinhindi.blogspot.in
follow me on twitter : https://twitter.com/THEJOGRANA


No comments:

Post a Comment

Part 20 consuming rest api in ionic

in this video, I will show you that how you can consume the rest API. in the previous video we have implemented the asp.net web API projec...