用途:UploadThing Elements 是一组基于 UploadThing 的文件上传界面组件,共 7 个,用于在项目中快速加入上传相关 UI。
主要能力:包含 Button(简单上传按钮)、Dropzone(带进度的拖拽上传区)、Avatar(带头像裁剪的上传)、File Card(文件展示卡片)、Image Grid(上传图片画廊)、Paste(粘贴上传区域)、Progress(上传进度指示器)。
使用方式:通过 shadcn 命令按需安装,格式为 npx shadcn@latest add @elements/uploadthing-{name}。例如基础上传可安装 @elements/uploadthing-button 与 @elements/uploadthing-progress;完整文件管理可安装 @elements/uploadthing-dropzone、@elements/uploadthing-file-card、@elements/uploadthing-image-grid;头像上传安装 @elements/uploadthing-avatar。组件依赖 @uploadthing/react,会作为依赖自动安装。
适用场景:需要文件上传、拖拽上传、头像上传、文件卡片展示、图片画廊、粘贴上传或上传进度提示的前端界面。
限制:需自行准备 UploadThing API key 和文件路由,具体配置参见 https://docs.uploadthing.com/getting-started。更多组件可浏览 https://tryelements.dev/docs/uploadthing。资料未提供收费、价格、平台兼容性等细节。