VNR Design System

Upload

Upload file by selecting or dragging. Note: actual file upload requires a backend endpoint.

Khi nào sử dụng

Tải ảnh đại diện

Upload và crop ảnh profile hoặc logo.

Đính kèm tài liệu

Gửi file PDF, Word hoặc Excel kèm theo biểu mẫu.

Kéo thả hàng loạt

Upload nhiều file cùng lúc bằng drag & drop.

Hướng dẫn

Do
  • Hiện rõ giới hạn kích thước và định dạng cho phép
  • Hiển thị progress bar khi đang tải lên
  • Cho phép xóa file đã upload trước khi submit
Don't
  • Cho phép upload không giới hạn kích thước
  • Xóa file đã upload mà không xác nhận
  • Ẩn danh sách file đã tải lên thành công

Basic (Dragger)

Click or drag file to this area to upload

Support for single or bulk upload.

Button Upload

Picture Wall

Upload