albx / albx/bitblazor

[FEATURE] Add Upload component

Đang mở
#36 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
components enhancement
Ngôn ngữ chính
HTML
Star
10
Fork
4
Merge trung bình
4 ngày
Pull request đã merge (30 ngày)
1

Mô tả

Implement a BitUploadField component inspired by the Bootstrap Italia upload component.

### Requirements:
- Create a reusable BitUploadField component following the design and UX patterns of the Bootstrap Italia upload component ([docs](https://italia.github.io/bootstrap-italia/docs/form/upload/)).
- Support for both single and multiple file uploads.
- Expose properties for accepted file types, max file size, and max file count.
- Provide visual feedback for file upload progress, errors, and completed uploads.
- Add support for drag & drop file selection.
- Allow customization of labels, button texts, and icons.
- Emit events or callbacks for file selection, upload progress, completion, and errors.
- Ensure accessibility and keyboard navigation as shown in Bootstrap Italia documentation.
- Responsive layout and mobile-friendly behavior.

### Acceptance Criteria:
- The BitUploadField visually matches the Bootstrap Italia component (as much as possible within BitBlazor/Blazor constraints).
- Users can select files either via the dialog or by drag & drop.
- Component must restrict file types and enforce limits on file size/count.
- Upload progress, success, and error states are visually indicated.
- All customization props and events are documented and tested.
- Component passes accessibility checks (keyboard navigation, ARIA labels).
- Example usage is provided in the documentation and a sample page is available.

### References
- Bootstrap Italia Upload: https://italia.github.io/bootstrap-italia/docs/form/upload/

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.