Lompat ke isi
CirccaHIG

Komponen / Form & input

FileUpload

Area unggah lampiran (PO customer, BAST, faktur) dengan daftar file dan progres per file.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Sebut jenis dan batas ukuran di hint: "PDF, JPG, atau PNG · maks. 10 MB".
  • Tampilkan progres per file dan biarkan pengguna membatalkan unggahan yang lama.
  • Saat gagal, sebut sebabnya dan sediakan "Coba lagi" — jangan hapus file dari daftar.

Hindari

  • Jangan menolak file tanpa pesan — sebut kenapa ("Melebihi batas 10 MB").
  • Jangan menandai gagal hanya dengan garis merah; teks meta harus menyebut "Gagal diunggah".
  • Jangan mengunci tombol Simpan form selama unggahan berjalan tanpa penjelasan.

Contoh benar & salah

  • BAST-PO-2026-0142.pdf

    2,4 MB · Gagal diunggah: Koneksi terputus

GunakanGagal: sebab tertulis + "Coba lagi".

BAST-PO-2026-0142.pdf

2,4 MB

HindariHanya garis merah tanpa sebab dan tanpa jalan memperbaiki.

Penulisan

  • Hint: jenis file dipisah koma dengan "atau" di akhir, lalu " · maks. <ukuran>".
  • Ukuran memakai format Indonesia: "2,4 MB", "375 KB".
  • Pesan gagal singkat dan menyebut sebab: "Koneksi terputus", "Jenis file tidak didukung".

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil