Tutorial Ionic Part 9 : Penggunaan Warna Pada Ionic


Penggunaan Warna Pada Ionic

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 :

Penggunaan Warna Pada Ionic

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 :

Penggunaan Warna Pada Ionic

Penggunaan Warna Pada Ionic



Penggunaan Warna Pada Ionic

Penggunaan Warna Pada Ionic

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 Menarik Lainnya

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

Diskusi

2 Komentar

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