SuperAPI AI 工具集

ui-components

前端与建站

查看项目

更新于 10-15 21:37

技能介绍

用途:为遵循该规范的项目提供 UI 组件与样式指南,统一界面实现方式。主要能力:组件与样式使用 Shadcn UI 和 Tailwind,采用移动优先的响应式设计,图片使用 next/image 包。新增 Shadcn 组件命令:pnpm dlx shadcn@latest add COMPONENT,例如 pnpm dlx shadcn@latest add progress。数据请求:向服务器发起 API GET 请求时使用 swr 包,示例中通过 useSearchParams 读取 page 参数并调用 useSWR 获取数据,返回 data、isLoading、error。加载状态:使用 LoadingContent 组件包裹内容,并传入 loading 与 error。表单组件:文本输入使用 Input 组件,如 email 类型配合 label、registerProps 和 error;多行文本可使用 Input 的 autosizeTextarea 与 rows 属性并设置 placeholder。适用场景:采用上述技术栈的前端界面开发与维护。限制:资料未提供版本要求、完整配置、收费或平台信息;其余细节暂未提供。