Messaging/Alert Banner (AppAlert)
Alert Banner (AppAlert)
● Needs Review Web Nuxt 4 + Mobile React Native
Banner notifikasi kontekstual untuk menyampaikan informasi penting, status keberhasilan pembayaran, peringatan waktu ujian, atau kesalahan jaringan.
Import
import { AppAlert } from '#components'Empat varian status
Gunakan varian warning atau danger hanya saat situasinya benar-benar memerlukan perhatian atau tindakan segera dari pengguna, seperti waktu ujian yang hampir habis atau jawaban yang gagal terkirim — jangan pakai Alert untuk informasi umum yang sifatnya permanen di halaman (untuk itu gunakan Panel atau Section message). Alert yang terlalu sering muncul untuk hal biasa membuat pengguna berhenti memperhatikannya justru saat benar-benar penting.
Alert Banner Playground
Try Out Berlangsung
Sesi try out kamu sedang dihitung mundur. Pastikan koneksi internet stabil hingga tombol selesai diklik.
Alert Variants Matrix
Visualisasi perilaku komponen pada seluruh kondisi interaksi antarmuka.
Info
Info
Success
Berhasil
Warning
Peringatan
Danger
Gagal
Butuh detail props, events, dan slot?