Ionic

Tutorial Ionic Part 10 : Checkbox pada Ionic

Tutorial Ionic Part 10 Checkbox pada Ionic

Tutorial Ionic Part 10 : Checkbox pada Ionic

Tutorial Ionic Part 10 : Checkbox pada Ionic – kita lanjutkan pembahasan artikel sebelumnya penggunaan warna pada ionic, pada artikel kali ini kita akan membahas cara menggunakan checkbox pada ionic.

Checkbox pada Ionic

checkbox adalah sebuah field yang digunakan untuk pilihan ganda dan biasanya digunakan pada form isian, misalnya kita akan menginput data pribadi ataupun quesioner. nah, pada tutorial ini kita akan membuat checkbox pada ionic.

berikut contoh checkbox ionic sederhana yang dibuat menggunakan ionic :

Checkbox pada Ionic

Checkbox sederhana

oke, itu checkbox sederhana yang kita buat menggunakan ionic. bagi kamu yang sudah mempelajari HTML mungkin membuat checkbox ini sudah biasa kamu gunakan. checkbox pada ionic ini tidak perlu lagi kita desain bentuknya karena sudah disediakan class khusus oleh ionic. jadi kita tinggal menggunakan nya saja. kalopun ada yang mau memodifikasi sendiri ya bisa saja, itu tergantung orangnya.

berikut contoh checkbox yang kita modif dari yang sederhana yang tadi, oke perhatikan syntax berikut :

berikut tampilan yang akan di hasilkan dari codingan di atas :

Checkbox pada Ionic

Checkbox pada Ionic

untuk lebih menarik lagi, coba kita tambahkan warna, sekalian kita inplementasikan warna yang kemarin kita pelajari,

Checkbox pada Ionic

Checkbox pada Ionic

untuk memberi warna pada checkbox kita tinggal menggunakan class warna, contohnya :

kita tinggal menambahkan checkbox-positive  untuk memberikan warna biru pada checkbox.

oke, sekian dulu tutorial Checkbox pada Ionic ini, kita berjumpa kembali pada tutorial selanjutnya pastinya pada materi belajar ionic.

terima kasih, salam  malasngoding.

 




Muzanni

Love Mobile Development



TUTORIAL MENARIK LAINNYA



Discussion
No Comment

Write a Comment

Your email address will not be published. Required fields are marked *