diff --git a/README.md b/README.md index 87ad683..e71aa58 100644 --- a/README.md +++ b/README.md @@ -77,7 +77,7 @@ stash-ui/ │ │ ├── icons.ts # 446 个图标名(自动生成) │ │ ├── iconfont.css # 图标字体与字形(自动生成) │ │ └── assets/iconfont.woff2 -│ └── components/ # 37 个组件,每个 = Xxx.tsx + Xxx.module.css(见下方清单) +│ └── components/ # 51 个组件,每个 = Xxx.tsx + Xxx.module.css(见下方清单) ├── site/ # 展示站(不参与库构建) │ ├── index.html / demo.html # 文档站 / 整页示例 │ ├── App.tsx # 左侧目录 + 右侧示例 @@ -97,6 +97,11 @@ stash-ui/ | `IconButton` | 圆形图标按钮(28/36/44) | `label`(必填) `icon` `variant` `size` `spinning` | | `TextButton` | 文字按钮(行内操作,无外框) | `icon` `tone` `disabled` `title` `label` | | `Card` | 白色容器(极浅描边) | `as` `padding` `hoverable` | +| `EntryRow` | 条目行(头像 + 标题 + 描述,整行可点) | `title` `description` `href` `avatar` `badge` `onOpen` | +| `EntryTile` | 条目磁贴(上图下文白卡) | `title` `description` `cover` `ratio` `onOpen` | +| `Brand` | 站点品牌(logo / 首字标记 + 名称) | `name` `mark` `logo` `href` | +| `Ticker` | 无限滚动信息条 | `speed` `gap` `paused` `label` | +| `SearchField` | 语义版搜索框 | `value` `onChange` `variant` `hotkey` `inputRef` | | `Cover` | 比例封面卡(2:3 / 4:3 / 16:9) | `ratio` `src` `caption` `lift` `onClick` | | `Image` | 带比例 / 圆角 / 失败降级的图片 | `ratio` `fit` `radius` `fallback` | | `FormField` | 表单字段排版(标签 + 提示 / 错误) | `label` `hint` `error` `required` | diff --git a/skills/stash-ui/SKILL.md b/skills/stash-ui/SKILL.md index 5c9c32c..15f460f 100644 --- a/skills/stash-ui/SKILL.md +++ b/skills/stash-ui/SKILL.md @@ -1,6 +1,6 @@ --- name: stash-ui -description: Use, extend, or restyle the Stash UI component library (@stash/ui): a zero-dependency React design system with tokens, 37 components, an in-repo docs site and a full-page demo. Load before writing or changing any component, or before composing pages with @stash/ui. +description: Use, extend, or restyle the Stash UI component library (@stash/ui): a zero-dependency React design system with tokens, 51 components, an in-repo docs site and a full-page demo. Load before writing or changing any component, or before composing pages with @stash/ui. --- # Stash UI