SuperAPI AI 工具集

coss-particles

前端与建站

查看项目

更新于 10-20 08:36

技能介绍

COSS UI Particles 是一个 UI 组件示例索引技能。Particles 是基于 coss 基础组件构建、可直接复制粘贴的 UI 模式,可在 https://coss.com/ui/particles 可视化浏览。

用途:在实现 UI 功能时,按需查找匹配的现成组件模式,减少从零编写界面的工作。

主要能力:索引覆盖 52 种组件类型、共 484 个 particle,包含 accordion、alert、button、calendar、checkbox、combobox、dialog、drawer、field、form、input-group、select、slider、table、tabs、toast 等常见 UI 组件,以及状态徽章、日期选择、OTP 输入、命令面板、响应式抽屉等复合模式。每个 particle 均有对应的 JSON 清单。

使用方式:1)描述所需 UI,例如“带校验的表单”“内含表单的对话框”“带图标的标签页”;2)按组件类型和描述在索引中检索匹配的 particle;3)访问 JSON URL 获取完整源码,URL 模式为 https://coss.com/ui/r/<particle-name>.json,例如 https://coss.com/ui/r/p-accordion-1.json;4)按需改编代码。

源码位置:particle 源文件位于仓库 apps/ui/registry/default/particles/。更新索引可在 coss 仓库根目录运行:node apps/ui/scripts/generate-particle-index.cjs。

适用场景:前端开发中快速搭建表单、对话框、选择器、日历、导航、反馈提示等界面元素,适合需要可复制组件代码的 UI 实现任务。

限制:资料未说明具体框架版本要求、样式依赖、 licensing 条款及浏览器兼容性,暂未提供;实际使用需自行核对源码依赖与适配。