ImageGroup 图片组

展示多张图片的组件,支持加载、错误、空状态处理。

安装

npm
yarn
pnpm
bun
deno
npx shadcn@latest add https://codebase.anyask.dev/r/image-group.json

基础用法

自定义图片尺寸

限制显示数量

通过 showCount 限制显示的图片数量,超出部分会显示"共 N 张"提示。

自定义间距

API

ImageGroup

属性说明类型默认值
className节点类名string-
urls图片 URL 数组,传入后跳过 API 请求string[]-
hashList图片 hash 列表(需要配合内部 API 使用)string[]-
imageSize图片大小number-
showCount显示数量,超出则折叠number-
gap图片间距number-

继承 BoundaryBlock 的其他属性。