设计
设计指南
设计原则
样式指南
设计资源
Klein - Figma
Klein Font
官方图标库
开发
开发文档
React
Vue Web
敬请期待
开发资源
GitHub 代码仓库
生态产品
生态产品
Orion Fonts
敬请期待
Orio Market
敬请期待
Klein Pro
敬请期待
Klein Editor
敬请期待
徽标 Badge
图标右上角的圆形徽标数字一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。
基本使用
独立使用
Badge Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dot | 不展示数字，只显示一个小红点 | boolean | - |
| color | 自定义背景颜色 | string | - |
| count | 展示的数字 | ReactNode | - |
| size | 尺寸大小 | "small" | - |
| offset | 设置位置的偏移量 | number[] | - |
| className | 自定义className | string | - |
| border | 微标描边样式 | string | - |
贡献者
