Penggunaan Warna Pada Ionic – kita lanjutkan pembahasan artikel yang kemarin tentang membuat navigasi tab pada ionic. pada artikel ini kita akan membahas penggunaan warna pada ionic.
ionic sudah menyediakan class khusus untuk desain aplikasi yang akan kita buat menggunakan framework ini. ada sembilan (9) warna yang menjadi warna default ionic.
selain kita bisa menggunakan class warna yang sudah disediakan, kita juga bisa membuat mendesain dengan warna sendiri. jadi ionic tidak mengharuskan kita menggunakan warna yang sudah mereka sediakan.
Penggunaan Warna Pada Ionic
berikut class warna yang menjadi default ionic.
class
deskripsi
hasil
light
digunakan untuk warna putih
stable
digunakan untuk warna abu-abu terang
positive
digunakan untuk warna biru
calm
digunakan untuk warna biru muda
balanced
digunakan untuk warna hijau
energized
digunakan untuk warna kuning
assertive
digunakan untuk warna merah
royal
digunakan untuk warna ungu
dark
digunakan untuk warna hitam
Cara Menggunakan Class Warna Pada ionic
warna-warna dasar ioinc ini dapat digunakan di berbagai tempat, baik itu di header, footer, content maupun tampat lain. oke, berikut contoh penggunaannya :
1
2
<pclass="royal">paragraf1..</p>
<pclass="energized">aragraf2..</p>
contoh penggunaan class warna
selain contoh diatas, kita bisa juga menggunakan class warna yang berbeda untuk element yang sama, misalnya dalam elemen header, kita menggunakan class bar, dan sebuah tombol dengan class button. untuk lebih jelas perhatikan contoh berikut :
ok sahabat malasngoding.com, sekian dulu materi Penggunaan Warna Pada Ionic, kita akan berjuma kembali di artikel ionic selanjutnya. patikan stay terus di malasngoding untuk membaca artikel tutorial terbaru seputar pemrogramana.
terima kasih 🙂
Muzanni
Algorithms Learner, future lecturer and Happy to sharing about knowledge
Tutorial Ionic Part 11 : Icon Pada Ionic -oke, kita lanjutkan pembahasan tutorial ini, sesuai judulnya pada artikel kali ini akan kita bahas mengenai icon ...
Tutorial Ionic Part 10 : Checkbox pada Ionic – kita lanjutkan pembahasan artikel sebelumnya penggunaan warna pada ionic, pada artikel kali ini kita akan membahas ...
Tutorial Ionic Part 8 : Pengenalan Komponen Tabs Pada Ionic – hallo sahabat malasngoding. terima kasih sudah kembali sduah berkunjung ke malasngoding.com sesuai dengan judulnya, ...
Pengenalan Form Pada Ionic Pengenalan Form Pada Ionic – berjumpa kembali di artikel pemogram mobile hybrid (ionic framework). pada kesempatan ini saya akan membahas mengenai Pengenalan ...
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.