How to place button icon on top?


#1

Hi all,
Please help me to how to put button icon on top using ionic framework.Iam new to this framework.Please help me.

Thanks,


#2
.icon-top .icon{ display: block;margin: 0 auto;height: 32px;font-size: 32px;}

<button class="button icon-top"><i class='icon ion-ionic'></i><span>Icon on Top</span></button>

#3

Hi rameezraja,

Thanks,It’s working fine.


#4

I prefer same syntax as default (dont know why ionic dont provide this style in default)

button[icon-top]{
  padding: 0;
  height: 4em;
  font-size: 1.5rem;

  .button-inner{
    display: block;
    .icon{
      display: block;
      font-size: 2.3em;
      margin-top: 3px;
      margin-bottom: 1px;
    }
  }
}