🚧 MateChat React 文档仍在开发中

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

属性说明类型默认值