CODEWITHSUNDEEP
ionic-frameworkionic2angular2-templateangular2-services
Parag Ghadge
Parag Ghadge

Reputation: 432

How to Replace bullet points in List with icons in Ionic 2?

Want to Replace bullet points in List with icons from Ionicons in Ionic 2?

<section>
      <ul class="my-nav">
              <li>
                    List Item 1
              </li>
               <li>
                    List Item 2
               </li>
               <li>
                    List Item 3
               </li>
               <li>
                    List Item 4
               </li>
      </ul>
</section>

Upvotes: 0

Views: 1178

Answers (1)

Franky
Franky

Reputation: 912

You can use ion-icon as shown below

<ion-list>
  <ion-item>
    <ion-icon name="leaf" item-start></ion-icon>
      Herbology
    <ion-icon name="rose" item-end></ion-icon>
  </ion-item>
</ion-list>

Upvotes: 1

Related Questions