albx / albx/bitblazor

[FEATURE] Add Upload component

Aperta
#36 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
components enhancement
Lingua principale
HTML
Stelle
10
Fork
4
Merge medio
4g
PR unite (30g)
1

Descrizione

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/

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.