Lewati ke konten utama

Components · Feedback

Feedback Components

Status, notifikasi, dan loading pattern yang jelas, ringan, serta konsisten dengan token PA DEV.

v1.0.0

Contextual feedback

Alert & Banner

Pesan penting dengan hierarchy dan tindakan yang tetap ringkas.

5 VARIANTS
Informasi tersedia

Pembaruan profil akan aktif setelah sinkronisasi berikutnya.

Perubahan tersimpan

Konfigurasi akses workspace berhasil diperbarui.

Perlu ditinjau

Dua project belum menyelesaikan konfigurasi keamanan.

Catatan sistem

Aktivitas tersimpan selama 30 hari.

Local guidance

Inline Message

Feedback pendek yang ditempatkan dekat kontrol atau konten terkait.

COMPACT

Data diperbarui setiap 15 menit.

Nama project tersedia.

Password akan kedaluwarsa.

Maksimal 50 karakter.

Content states

Success, Error & Empty State

State panel menjaga area tetap stabil dan memberikan langkah berikutnya.

RECOVERY

Import selesai

24 record berhasil ditambahkan.

Data gagal dimuat

Terjadi gangguan saat mengambil data.

Belum ada aktivitas

Aktivitas terbaru akan tampil di area ini.

Progress feedback

Spinner, Overlay & Skeleton

Loading indicator tidak mengubah ukuran layout dan menghormati reduced motion.

ASYNC

Loading Spinner

Loading Overlay

Konten tetap mempertahankan dimensi ketika proses berjalan.

Skeleton

Konten sedang dimuat

Completion

Progress Bar

Progress determinate dengan label tekstual dan ukuran stabil.

DETERMINATE
Sinkronisasi data64%
Upload selesai100%
Penyimpanan38%

Premium feedback parity

Circular, Upload, Process & Session States

Variasi feedback lengkap untuk proses asynchronous, validasi inline, dan sesi yang berakhir.

6 VARIANTS

Circular Progress

75%

Ringkas untuk metric card dan dashboard.

Upload Progress

report.pdf2.3 MB / 5 MB
46% · Estimasi 12 detik

Process State

  1. ✓
    RequestReceived
  2. 2
    ProcessingIn progress
  3. 3
    SuccessWaiting
  4. 4
    CompleteNot started

Inline Validation

Session Expired

Sesi demo berakhir. Masuk kembali untuk melanjutkan pekerjaan.

Sweet Alert

Data berhasil disimpan ke workspace demo.

Transient & persistent

Toast & Notification Card

Toast untuk perubahan singkat; notification card untuk informasi yang perlu dipindai kembali.

INTERACTIVE
Laporan mingguan tersedia

Ringkasan performa telah siap dilihat.

Backup berhasil

Seluruh data tersimpan dengan aman.

Review diperlukan

Tiga permintaan akses menunggu persetujuan.