LivaFileBox
Sürükle-bırak destekli dosya seçme ve listeleme bileşeni. Seçilen dosyalar
yerel olarak tutulur; yükleme akışını onChange ve benzeri geri çağrılarla
siz yönetirsiniz.
import { LivaFileBox } from "@dataliva/livalib";
Tek dosya seçimi
multiple={false} ile yalnızca tek dosya seçilir. Seçim her değiştiğinde
onChange güncel UploadedFile dizisini verir.
Tek dosya seçimi
Önizleme yükleniyor…
Çoklu dosya ve maxFiles
multiple açıkken maxFiles toplam dosya sayısını sınırlar.
Çoklu dosya ve maxFiles
Önizleme yükleniyor…
Dosya türü kısıtı
accept klasik HTML accept sözdizimini kullanır (ör. image/*, .pdf);
daha sıkı denetim için allowedMimeTypes dizisi de verilebilir.
Dosya türü kısıtı (accept)
Önizleme yükleniyor…
| Prop | Tip | Varsayılan |
|---|---|---|
label | string | — |
hint | string | — |
accept | string | — |
allowedMimeTypes | string[] | — |
multiple | boolean | true |
maxFiles | number | — |
maxFileSize | number | — |
disabled | boolean | false |
value | UploadedFile[] | — |
onChange | (files: UploadedFile[]) => void | — |
onDelete | (deleted: UploadedFile, all: UploadedFile[]) => void | — |
onError | (message: string, file?: File) => void | — |
showPreview | boolean | — |
displayMode | 'grid' | 'list' | — |
height | number | string | — |
Seçilen her dosya UploadedFile nesnesi olarak döner (id, name, type,
size, date, file, url alanları).