Ionic

Tutorial Ionic Part 9 : Penggunaan Warna Pada Ionic

Penggunaan Warna Pada Ionic

Tutorial Ionic Part 9 : 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 membuat warna pada ionic
  • cara penggunaan warna
  • coding icon kembali pada ionic
  • penggunaan cleanup() di ionic
  • penjelasan warna light dark di ionic
  • perintah untuk warna balanced royal light




Muzanni

Love Mobile Development



TUTORIAL MENARIK LAINNYA



Discussion
2 Comments

Write a Comment

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