Messaging/Inline Message (AppInlineMessage)
Inline Message (AppInlineMessage)
● Needs Review Web Nuxt 4 + Mobile React Native
Pesan ringkas satu baris yang tersemat langsung di samping input, tombol, atau label.
<AppInlineMessage type="confirmation" title="Tersimpan">…</AppInlineMessage>
Tipe Pesan
Gunakan type="confirmation" untuk mengonfirmasi hasil aksi yang baru saja terjadi (tersimpan, terkirim), warning untuk kondisi yang perlu diperhatikan tapi tidak menghentikan pengguna, dan error untuk kegagalan yang butuh tindakan. Karena bentuknya satu baris tanpa latar/border, jangan gunakan Inline Message untuk pesan yang butuh diperhatikan segera oleh seluruh halaman — untuk itu pakai Section Message atau Banner (lihat tab Pedoman).
Inline Message Types
Tersimpan: Jawaban soal nomor 12 otomatis tersimpan.
Perhatian: Soal ini belum diverifikasi oleh tutor resmi.
Gagal: Koneksi terputus saat mengunggah lembar jawaban.
Props & API Reference
2 properties| Property | Type | Default | Deskripsi |
|---|---|---|---|
| type | 'connectivity' | 'confirmation' | 'info' | 'warning' | 'error' | 'info' | Menentukan ikon dan warna teks sesuai jenis pesan. |
| title | string | — | Kata atau frasa pendek tebal di depan pesan (opsional), diikuti tanda titik dua. |
Slots API
1 slots| Slot Name | Scoped Props | Deskripsi |
|---|---|---|
| #default | — | Isi pesan satu baris. Tetap singkat — komponen ini tidak membungkus baris (no wrap layout khusus). |