Halo sahabat selamat datang di website seputarionic.xyz, pada kesempatan hari ini kita akan membahas seputar Tutorial Ionic Part 10 : Icon Pada Ionic oleh - seputarionic.xyz, kami sudah mempersiapkan artikel tersebut dengan informatif dan akurat, silahkan membaca
Tutorial Ionic Part 10 : Icon Pada Ionic -oke, kita lanjutkan pembahasan tutorial ini, sesuai judulnya pada artikel kali ini akan kita bahas mengenai icon pada ionic.
Untuk membuat tampilan yang lebih menarik kita memerlukan icon untuk mendukung tampilan yang kita desain. ada lebih dari 700 icon yang disediakan oleh ionic, kita hanya tinggal menggunakan nya saja, itu lah salah satu kelebihan kenapa kita menggunakan framework ionic ini.
Icon Pada Ionic
Hampir semua icon yang kita butuhkan untuk desain aplikasi sudah disiapkan oleh ionic. selain kita menggunakan icon yang sudah disiapkan oleh ionic, kita juga bisa menggunakan icon yang kita desain sendiri. anda dapat melihat keseluruhan icon ionic disini (ionicons).
ok, berikut contoh penggunaan icon dalam aplikasi ionic.
Icon Pada Ionic
itu salah satu contoh penggunaan icon pada ionic.
Untuk menggunakan icon ini, ionic telah menyediakan class untuk icon tersebut. sehingga ini sangat membantu kita dalam membuat aplikais. oke, berikut beberapa icon yang sudah desediakan oleh ionic.
| Icon | Hasil |
Icon iOS Pada Ionic
| Icon | Hasil |
|---|---|
| gt; | |
Icon Android Pada Ionic
| Icon | Hasil |
|---|---|
Icon Sosial Media pada Ionic
| Icon | Hasil |
|---|---|
berikut contoh cara menggunakan icon pada ionic ini :
icon pada tab menu
| 1 2 3 4 5 6 7 8 9 10 11 | <div class="tabs"> Â Â <a class="tab-item"> Â Â Â Â Â Â <i class="icon ion-home"></i> Â Â </a> Â Â <a class="tab-item"> Â Â Â Â Â Â <i class="icon ion-email"></i> Â Â </a> Â Â <a class="tab-item"> Â Â Â Â Â Â <i class="icon ion-person"></i> Â Â </a> </div> |
Untuk menggunakan ion pada tab menu ini kita tinggal memanggil class icon, misalnya kita menggunakan icon ion-home.
oke, sekian dulu pembahasan tentang icon pada ionic. ingat ionic memang menyediakan icon defaultnya, akan tetapi kita juga bisa menggunakan icon sendiri.
oke, saya rasa sekian dulu materi tentang icon, saya mohon maaf karena gambar icon pada tabel belum bisa di tampilkan (maklum sedang dalam pengembangan) heheh
Terima Kasih.
Incoming search terms:
- buku ionic framework
- buku ionic
- malasngoding ionic
- ebook ionic bahasa indonesia
- ionic framework tutorial indonesia pdf
- ebook ionic 3 bahasa indonesia
- icon pada ionic
- tutorial ionic bahasa
- ionic 3 tutorial indonesia
- icon un tuk ionic
Itulah tadi informasi mengenai Tutorial Ionic Part 10 : Icon Pada Ionic oleh - seputarionic.xyz dan sekianlah artikel dari kami seputarionic.xyz, sampai jumpa di postingan berikutnya. selamat membaca.
0 Komentar