File Upload
MIME türü ve boyut doğrulamalı sürükle-bırak dosya alanı.
FileUpload.tsx
Standart Kart Yükleme Alanı
Bileşen Görseli Yükle
PNG, JPG veya WEBP — maksimum 10 MB
veya buraya sürükleyin
Kompakt Çoklu Dosya Yükleme (Multiple)
Ek Belgeleri ve Şemaları Yükle
PDF, PNG, JPG veya JSON — maksimum 25 MB
veya buraya sürükleyin
Kurulum
shadcn CLI ile projenize ekleyebilir veya yukarıdaki "Kaynak Kodu" sekmesinden kodu doğrudan projenize kopyalayabilirsiniz:
$
npx shadcn@latest add https://ui.cagriozay.com.tr/r/file-upload.jsonKullanım Örneği
import { FileUpload } from "@/components/ui/FileUpload"
<FileUpload accept="image/png,image/jpeg" maxSizeMB={10} />Özellikler & Parametreler (API)
| Prop | Tür | Varsayılan | Açıklama |
|---|---|---|---|
| accept | string | "image/*" | İzin verilen MIME türlerini veya uzantıları tanımlar. |
| maxSizeMB | number | 10 | İstemci tarafındaki dosya boyutu sınırıdır. |
| onValidationError | (message: string) => void | — | Geçersiz dosya seçiminde çağrılır. |