#FileUpload 文件上传
FileUpload 组件是一个简洁的文件上传按钮,支持多文件选择。
#安装
pnpm dlx shadcn@latest add https://matechat.noctisynth.org/r/file-upload.json#示例
import { FileUpload } from "@matechat/react";
import { useState } from "react";
export default function () {
const [files, setFiles] = useState<File[]>([]);
return (
<div className="flex gap-4 items-center">
<FileUpload
onFilesSelect={(files) => {
setFiles(files);
}}
/>
{files.length > 0 && (
<span className="text-sm text-gray-600">
已选择 {files.length} 个文件
</span>
)}
</div>
);
}#参数
#FileUpload
| 属性 | 说明 | 类型 | 默认值 |
|---|