Hint Text

Komponen ini bertujuan untuk menampilkan informasi berupa teks petunjuk.

Cara menambahkan hint text component

Berikut langkah-langkah untuk menambahkan hint text component

  • Buka Qore App Editor

  • Pada tab library, di section text pilih hint text component. Terdapat 2 cara untuk menambahkan component ke dalam emulator

    • Jika ingin menambahkan component langsung ke suatu page, kamu dapat double-click card tersebut

    • Jika ingin menambahkan component ke dalam salah satu kontainer di page tersebut, kamu dapat drag and drop ke dalam kontainer yang diinginkan

  • Jika berhasil maka hint text component akan muncul di emulator editor screen seperti berikut

Properties hint text component

Hint text component memiliki properties yang dapat diatur oleh editor yakni

  • Status : properties ini menentukan status dari petunjuk apakah sebagai info, error , sukses atau warning. Status yang dipilih nantinya akan mempengaruhi layout dari hint component

  • Title : properties ini mengatur text yang akan dijadikan sebagai judul dari petunjuk tersebut

  • Description : properties ini mengatur penjelasan tambahan dari petunjuk yang akan disampaikan ke user

  • Letter case : properties ini memungkinkan editor untuk mengubah huruf kecil atau huruf besar dengan cepat

  • Close action : jika properties ini diaktifkan maka petunjuk tersebut bersifat sementara, dan user tidak diharuskan untuk memenuhi suatu hal dari petunjuk tersebut

    Tampilan hint text component dengan properties close action yang aktif

Last updated