FileIcon 文件图标
按文件名判断类型，显示对应的图标、色块和扩展名。
报告报告
合同.pdfpdf
方案.docxdocx
报表.xlsxxlsx
封面.png
素材.zipzip
演示.mp4mp4
录音.mp3mp3
设计稿.figfig
readmeread
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/file-icon.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
用法
import { ExtBadge, FileTile, fileKindOf } from '@/components/display/file-icon';
<FileTile kind={fileKindOf(file.name, file.isFolder)} />属性
属性
类型