Part 6 how to use Buttons in ionic

In this video tutorial, i will show you that how you can use button component in your ionic application.

Buttons are an essential way to interact with and navigate through an app, and should clearly communicate what action will occur after the user taps them. Buttons can consist of text and/or an icon and can be enhanced with a wide variety of attributes.

For accessibility reasons, buttons use a standard button element but are enhanced with an ion-button directive.

https://ionicframework.com/docs/components/index.html#buttons

you can create button with this types

Default Style

Outline Style

Clear Style

Round Buttons

Block Buttons

Full Buttons

Button Sizes

Icon Buttons

Buttons In Components



<button ion-button>Button</button> // ion-button means this is ionic button

you can use additional attributes like color, outline, clear, block, full small large as well



<button ion-button>Default</button>

<button ion-button small>Small</button>



<button ion-button large>Large</button>



with icons



<button ion-button icon-left>

  <ion-icon name="home"></ion-icon>

  home

</button>

====================================================

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



website : - http://dotnetlab.in/

facebook page :- https://www.facebook.com/DotnetLab-1896440207343189/

visit my blog : - http://aspnetinhindi.blogspot.in

follow me on twitter : https://twitter.com/THEJOGRANA