Tutorial Ionic Part 6 : Komponen Card Pada Ionic


Komponen Card Pada Ionic

Komponen Card Pada Ionic

Komponen Card Pada Ionic – berjumpa kemabali tutorial ionic, pada artikel kali ini saya akan membahas Komponen Card Pada Ionic. komponen card (dalam bahasa indonesia kartu) ini sangat efektif diterapkan dalam aplikasi yang kita buat karena tampilan yang menarik dan ramah bagi pengguna aplikasi yang kita buat.

ada beberapa komponen yang bisa kita gunakan untuk menampilkan data pada aplikasi mobile seperti list, dan card (yang sedang kita bahas). salah satu aplikasi popular yang menggunakan  komponen card ini seperti BBM, Facebook, dan lain-lain

Komponen Card Pada Ionic

Komponen Card Pada Ionic

Komponen Card Pada Ionic

oke, langsung menju tkp.  dalam projek ionic ini saya menggunakan template blank (jika belum paham cara membuat projek ionic silahkan baca disini).  buka file index.html (file ini tergantung dimana kita akan menggunakan komponen kard). tambahkan kode berikut :

atau bisa juga dengan memanggil classnya, contohnya :

maka tampilan yang dihasilkan sebagai berikut :

Komponen Card Pada Ionic

Komponen Card Pada Ionic

Komponen Card List Pada Ionic

komponen card list digunakan untuk menampilkan data dalam bentuk card dan list, untuk contohnya perhatikan kode berikut :

Komponen Card Pada Ionic

Komponen Card List

Komponen Card dan Gambar Pada Ionic

berikut contoh tampilan yang menggunakan komponen card beserta gambar :

 

Komponen Card Pada Ionic

Komponen Card beserta gambar

berikut tampilan menggunakan kompenen card dan gabungan beberapa komponen yang lain tentunya sudah kita pelajari pada artikel sebelumnya :

Komponen Card Pada Ionic

Gabungan Komponen Card

See the Pen Komponen Card Pada Ionic by muzanni (@pemalas) on CodePen.0

oke, ini dulu materi untuk Komponen Card Pada Ionic. kita bertemu kembali pada artikel selanjutnya.


Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tutorial Menarik Lainnya

membuat icon pada ionic
Tutorial Ionic Part 10 Checkbox pada Ionic
Penggunaan Warna Pada Ionic
Tutorial Ionic Part 8 Pengenalan Komponen Tabs Pada Ionic

Diskusi

Belum Ada Diskusi

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD