Componentes
Formularios

FileUpload

Dropzone con validación de tamaño.

Dropzone con validación

Vista previa

Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB
const [files, setFiles] = useState<File[]>([]);

<FileUpload
  value={files}
  onFilesChange={setFiles}
  multiple
  maxSize={5 * 1024 * 1024}                       // 5 MB por archivo
  onReject={(rejected) => toast.error(`${rejected.length} archivo(s) muy grandes`)}
/>

Comparación de temas

El mismo componente bajo distintos modos y marcas. No cambia el componente — solo los tokens (CSS variables) del contenedor.
Legacy · claro
Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB
Editorial · claro
Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB
Technical · oscuro
Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB
Warm · claro
Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB
Playful · claro
Arrastra archivos o haz clic para seleccionarTamaño máximo: 5.0 MB