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 🙂

Incoming search terms:

  • cara memberi warna pada icon code igniter
  • cara memberikan class warna pada codeigniter
  • cara membuat tombol warna dengan ionic
  • cara membuat warna pada ionic
  • cara membuat warna tombol pada ionic
  • cara penggunaan warna
  • coding icon kembali pada ionic
  • ionic warna
  • ionicon mewarnai
  • memberi warna navbar



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