FileUploadPRO

FileUpload forma parte del apartado «Lab Premium» del kit. Los diferenciadores del tier Pro: Kanban drag & drop, paleta ⌘K, dropzone y tarjetas 3D.

Instalación#

bash

pnpm add @tsukira/ui

tsx

import { FileUpload } from "@tsukira/ui"; export function Ejemplo() {  return <FileUpload />;}

Los ejemplos detallados de FileUpload están en camino. Mientras tanto, su demo interactiva vive en la página del grupo.

FileUploadPropsextends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onError'>

Prop	Tipo	Default	Descripción
`accept`	`string`	—	Tipos aceptados (mismo formato que el atributo `accept`).
`multiple`	`boolean`	true	Permitir varios archivos. Default true.
`maxSizeMb`	`number`	—	Tamaño máximo por archivo en MB.
`maxFiles`	`number`	—	Máximo de archivos en la lista.
`label`	`ReactNode`	—	Texto principal de la zona.
`hint`	`ReactNode`	—	Texto secundario (tipos, límites…).
`onFilesChange`	`((items: FileUploadItem[]) => void)`	—	Se emite con la lista completa tras cada cambio.
`disabled`	`boolean`	—	—